• datagrid url json


    <div class="easyui-accordion" style="500px;height:300px;">
        <div title="About" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
            <h3 style="color:#0099FF;">Accordion for jQuery</h3>
            <p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
        </div>
        <div title="Help" data-options="iconCls:'icon-help'" style="padding:10px;">
            <p>The accordion allows you to provide multiple panels and display one at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.</p>
        </div>
        <div title="DataGrid" style="padding:10px" data-options="
                    selected:true,
                    tools:[{
                        iconCls:'icon-reload',
                        handler:function(){
                            $('#dg').datagrid('reload');
                        }
                    }]">
            <table id="dg" class="easyui-datagrid"
                   data-options="url:'/accordion/getgjdata',fit:true,fitColumns:true,singleSelect:true">
                <thead>
                    <tr>
                        <th data-options="field:'itemid',80">Item ID</th>
                        <th data-options="field:'productid',100">Product ID</th>
                        <th data-options="field:'listprice',80,align:'right'">List Price</th>
                        <th data-options="field:'unitcost',80,align:'right'">Unit Cost</th>
                        <th data-options="field:'attr1',150">Attribute</th>
                        <th data-options="field:'status',50,align:'center'">Status</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>

    data-options="url:'/accordion/getgjdata',fit:true,fitColumns:true,singleSelect:true">

     fitColumns(自适应列宽)设置true时,将自动使列适应表格宽度以防止出现水平滚动

    nowrap="false"

  • 相关阅读:
    HTML5与HTML的区别
    0918练习整理
    0904 未来展望
    ajax弹出窗口
    AjAX请求后台,无刷新更新页面
    Jquery通过Ajax方式来提交Form表单
    php的socket通信
    次短路[SPFA]
    [Usaco2008 Open]Roads Around The Farm分岔路口[水题]
    [Usaco2008 Nov]Guarding the Farm 保卫牧场[DFS]
  • 原文地址:https://www.cnblogs.com/dotnetmvc/p/3631635.html
Copyright © 2020-2023  润新知