zoukankan      html  css  js  c++  java
  • daragrid 简单认识

    @{
        ViewBag.Title = "EasyUI";
        Layout = null;
    }
    <script src="~/jquery-easyui-1.5.5.2/jquery.min.js"></script>
    <script src="~/jquery-easyui-1.5.5.2/jquery.easyui.min.js"></script>
    <script src="~/jquery-easyui-1.5.5.2/locale/easyui-lang-zh_CN.js"></script>
    <link href="~/jquery-easyui-1.5.5.2/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/jquery-easyui-1.5.5.2/themes/icon.css" rel="stylesheet" />
    <h2>EasyUI</h2>
    <div>
        <!--DataGrid-->
        <div style="margin:20px">
            <table class="easyui-datagrid" fitColumns="true"  rownumbers="true" singleSelect="true" title="第一个Datagrid" style="300px;height:auto">
                <thead>
                    <tr>
                        <th align="center" width="100px" data-options="field:'Name'">姓名</th>
                        <th align="center" width="100px" data-options="field:'Age'">年龄</th>
                        <th align="center" width="100px" data-options="field:'Work'">工作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>张三</td>
                        <td>11</td>
                        <td>C#</td>
                    </tr>
                    <tr>
                        <td>李四</td>
                        <td>11</td>
                        <td>java</td>
                    </tr>
                    <tr>
                        <td>王五</td>
                        <td>11</td>
                        <td>php</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    

    第二种写法(js):

    $('#dg').datagrid({   
        url:'datagrid_data.json',   
        columns:[[   
            {field:'code',title:'Code',100},   
            {field:'name',title:'Name',100},   
            {field:'price',title:'Price',100,align:'right'}   
        ]]   
    });  

      

  • 相关阅读:
    网易云音乐
    喜马拉雅FM
    喜马拉雅
    169美女图片
    美女图片
    Kerberos简介及常见问题
    【转载】Spark性能优化指南——高级篇
    【转载】 Spark性能优化指南——基础篇
    Sqoop使用手册
    kafka性能基准测试
  • 原文地址:https://www.cnblogs.com/hnzheng/p/9183019.html
Copyright © 2011-2022 走看看