zoukankan      html  css  js  c++  java
  • easyui datagrid 学习 (一)

    注意:当使用谷歌浏览器时!需要 设置style="overflow:hidden",这样则可以去掉滚动条!(该样式添加到layout上!)

    fit:属性

    自动填父容器,

    border:属性

    默认为true,设置为false时!去掉边框!

    <body>
        <table id="dg"></table>
        <script type="text/javascript">
            $(function() {
                $('#dg').datagrid({
                    url : 'datagrid_data.json',
                    title : 'my数据表格', //标题
                    iconCls : '', //图表
                    pagination : true, //设置为true 在底部创建分页工具条
                    pageSize : 10, //初始化每页行数
                    pageList : [ 10, 20, 30, 40, 50 ],//设置可变每页行数
                    fit : true,
                    fitColumns : true, //自动设置列宽,设置该属性不会出现横向滚动条
                    nowrap : false, //如果单元格中的数据过大,则是否自己折行,默认是true不折行!
                    idField : 'code', //设置标识字段,如果设置该属性,在datagrid中选中的数据行,在进行翻页之后还是选中状态!
                    sortName:'name',  //设置默认排序
                    sortOrder:'desc', //设置默认降序方式排序         注意: 排序设置现在只是前端完成配置,后台还需要根据返回的参数进行后续处理
                    columns : [ [ {
                        field : 'code',
                        title : 'Code',
                        width : 100,
                        sortable:true
                    }, {
                        field : 'name',
                        title : 'Name',
                        width : 100,
                        sortable:true
                    }, {
                        field : 'price',
                        title : 'Price',
                        width : 100,
                        align : 'right'
                    } ] ]
                });
            });
        </script>

















    </body>

  • 相关阅读:
    64码高清网络电视V2.4.2
    无线网络探测V1.22
    居民身份证号码查询系统
    ORA-12505 TNS:listener does not currently know of SID given in connect descriptor
    weblogic项目部署问题--Deployment could not be created. Deployment creator is null.
    ORA-01461: can bind a LONG value only for insert into a LONG column 解决方法
    前端基础知识学习第五节(Vue篇)
    前端基础知识学习第三节
    前端基础知识学习第二节
    你真的会用parseInt方法吗?
  • 原文地址:https://www.cnblogs.com/shiguotao-com/p/4498912.html
Copyright © 2011-2022 走看看