easyUI的使用

easyUI的使用

做项目的时候碰到一个场景,需要判断某个id对应的datagrid组件是否存在.这时不能使用if($('#datagridId'))来判断,应该使用if(('#datagrid').length > 0)来判断,如果既不想定义url使得datagrid在初始化时直接加载,又想写入需要读取数据的url,可以在组件上定义一个属性(如saveUrl),然后用jquery方法获取.

 <p title="嘿嘿嘿" style="padding:10px">
    <table id="dg4" title="嘿嘿嘿" class="easyui-datagrid ;float:left"
           toolbar="#toolbar3" pagination="true"
           saveUrl="/admin/aaa/aaa.html"
           rownumbers="true" fitColumns="true" singleSelect="true">
        <thead>
        <tr>
            <th field="typeDec" width="50">bbb</th>
        </tr>
        </thead>
    </table>
</p>

function init() {
    $("#mainTab").tabs({
        onSelect: function (title, index) {
            curr_tab = index;
            var target = $("#dg" + index);
            if (target.length>0) {
                target.datagrid('options').url = target.attr('saveUrl');
                target.datagrid("load", {
                    uid: glb_uid,
                    //开启分页
                    usePagination:1
                });
            }
            if ($("#fm" + index)) {
                $("#fm" + index).form("load",'/admin/aaa/aaa.html?uid='+glb_uid);
            }
        }
    })
}