yangakw yangakw

jqgrid使用select 的 dataUrl 和 dataEvents

in 代码read (119) 文章转载请注明来源!

使用jqgrid做一个级联效果,就是选择一个select的option触发另一个select的数据变更
请输入图片描述

请输入图片描述

{name: 'school_id', index: 'school_id', width: 150, editable: true, edittype:"select",
            editoptions: {
                dataUrl: school_list_url,


                dataEvents: [
                    { type: 'change',          //下拉选择的时候
                        fn: function(e) {
                            var str = "";
                            $.ajax({
                                url: major_list_url,
                                async:false,
                                dataType: "html",
                                data: {
                                    "school_name":$(this).find("option:selected").text()  //传入值,到后台获取json
                                },
                                success:  function(d){
                                    str = d;
                                }
                            });
                            $("select[name='major_id']").html(str);

                        }
                    }
                ]

            }

1.dataUrl 和 dataEvent在editoptions中声明。
2.dataUrl 返回的数据是html比如:

<select>
    <option value='1650'>Business Administration</option>
    <option value='1651'>Accounting & Management</option>
    <option value='1652'>Business Economics</option> 
</select>

3.dataEvent管理行数据变化的事件

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

发表新评论
仅有 1 条评论
  1. 你大爷
    你大爷
    回复

    $collection->find(array('name'=> array('$regex' => 'm'));

博客已运行
© 2017 yangakw
PREVIOUS NEXT
雷姆
拉姆