jquery easyui 學習總結

 $('#IDOCGrid').datagrid("hideColumn", "Deliverystorage"); //隱藏中轉倉
 $('#IDOCGrid').datagrid("hideColumn", "Quotetype"); //隱藏報價類型

 

loadData

data

載入本機資料，舊的行會被移除。

 

$("#test").datagrid('loadData',data);

 

1.分頁查詢條件

var query={keywords:'your keywords',id:'your id'}; //把查詢條件拼接成JSON
$("#test").datagrid('options').queryParams=query; //把查詢條件賦值給datagrid內部變數
$("#test").datagrid('reload'); //重新載入

 

2.

解決formserver導致的問題

http://blog.csdn.net/thinkscape/article/details/7613320

http://www.cnblogs.com/aaa6818162/archive/2012/08/20/2647805.html

 

jquery easy ui嵌套布局

 

加這個div是為了form異常

<div class="easyui-panel" style="padding: 10px;" title="" fit="true" border="false">

 

 布局1

 <div region="center">
        <div class="easyui-layout" fit="true">
            <div region="north" style="height: 300px;">
                <div class="easyui-panel" style="padding: 10px;" title="" fit="true" border="false">
                    <form id="form1" runat="server">
                    <table class="mtable">
                        <tr>
                            <td style="width: 100px">
                                券類型:<span style="color: Red">*</span>
                            </td>
                            <td style="width: 250px">
                                <select id="Tickettypecode" runat="server" style="width: 250px">
                                </select>
                            </td>
                            <td style="width: 100px">
                                所屬分公司:<span style="color: Red">*</span>
                            </td>
                            <td>
                                <span id="Companycode_span" runat="server"></span>
                                <input id="Companycode" type="hidden" runat="server" />
                            </td>
                        </tr>
                    </table>
                    </form>
                </div>
            </div>
            <div region="center" border="true">
                <table class="easyui-datagrid" id="datagrid2" toolbar="#toolbar" fit="true">
                </table>
            </div>
        </div>
    </div>

 

 

 布局2

 

 

 3.//去掉展開和關閉標籤
                    var opts = $(this).datagrid('options');
                    var dc = $.data(this, 'datagrid').dc;
                    $.each(data.rows, function (key, temp) {
                        if (temp.SapNo == "") {
                            var index = $('#datagrid').datagrid('getRowIndex', temp);
                            var expander = dc.body1.find('div.datagrid-row-expander[row-index=' + index + ']');
                            expander.removeClass('datagrid-row-expand').removeClass('datagrid-row-collapse');
                        }
                    })