EasyUI建立DataGrid及凍結列的兩種方式

阿新 • • 發佈：2018-12-05

第一種方式：通過HTML標籤建立資料表格控制元件

<table class="easyui-datagrid" title="基本資料表格"
        style="width: 700px; height: 250px"
        data-options="singleSelect:true,collapsible:true,url:'${pageContext.request.contextPath}/datagridData.do'">
        <thead data-options="frozen:true"> 

            <tr>
                <th data-options="field:'stuId',width:100">學生ID</th>
                <th data-options="field:'stuName',width:100">學生姓名</th>
            </tr>
        </thead>
        <thead>
            <tr>
                < 
th data-options="field:'stuSex',width:100">學生性別</th>
                <th data-options="field:'stuAge',width:100">學生年齡</th>
                <th data-options="field:'stuEmail',width:100,align:'center'">學生郵箱</th>
                <th data-options="field:'stuQQ',width:100,align:'right'" 
>學生QQ</th>
                <th data-options="field:'stuAddress',width:200,align:'center'">學生地址</th>
            </tr>
        </thead>
        <tbody>
            <c:forEach var="student" items="${studentList}">
                <tr>
                    <td>${student.stuId}</td>
                    <td>${student.stuName}</td>
                    <td>${student.stuSex}</td>
                    <td>${student.stuAge}</td>
                    <td>${student.stuEmail}</td>
                    <td>${student.stuQQ}</td>
                    <td>${student.stuAddress}</td>
                </tr>
            </c:forEach>
        </tbody>
    </table>

data-options="frozen:true"凍結列

第二種方式：使用Javascript去建立資料表格控制元件

<body>
    <table id="studentList">
        <tbody>
            <c:forEach var="student" items="${studentList}">
                <tr>
                    <td>${student.stuId}</td>
                    <td>${student.stuName}</td>
                    <td>${student.stuSex}</td>
                    <td>${student.stuAge}</td>
                    <td>${student.stuEmail}</td>
                    <td>${student.stuQQ}</td>
                    <td>${student.stuAddress}</td>
                </tr>
            </c:forEach>
        </tbody>
    </table>
</body>
<script type="text/javascript">
    $('#studentList').datagrid({
        title : '基本資料表格',
        width : 700,
        height : 250,
        url : '${pageContext.request.contextPath}/datagridData.do',
        frozenColumns : [ [ {
            field : 'stuId',
            title : '學生ID',
            width : 100
        }, {
            field : 'stuName',
            title : '學生姓名',
            width : 100
        } ] ],
        columns : [ [ {
            field : 'stuSex',
            title : '學生性別',
            width : 100
        }, {
            field : 'stuAge',
            title : '學生年齡',
            width : 100
        }, {
            field : 'stuEmail',
            title : '學生郵箱',
            width : 100
        }, {
            field : 'stuQQ',
            title : '學生QQ',
            width : 100
        }, {
            field : 'stuAddress',
            title : '學生地址',
            width : 200,
            align : 'center'
        } ] ]

    });
</script>

frozenColumns屬性凍結列

EasyUI建立DataGrid及凍結列的兩種方式

第一種方式：通過HTML標籤建立資料表格控制元件 <table class="easyui-datagrid" title="基本資料表格" style="width: 700px; height: 250px" data-optio

python多執行緒———2、建立多執行緒的兩種方式

法一、使用Thread類例項化法二、繼承Thread來實現多執行緒 #對於io操作來說，多執行緒和多程序效能差別不大 #1、使用Thread類例項化 import time import threading def get_detail_html(url): prin

oracle建立外來鍵約束的兩種方式

轉自：https://blog.csdn.net/baidu_37107022/article/details/74853467 1、建立表時直接建立外來鍵約束 create table books( bookid number(10) not null primary ke

C：C語言前序建立二叉樹的兩種方式和前序遍歷二叉樹的方法

#include<stdio.h> #include<stdlib.h> typedef struct BiTreeNode { int data; struct BiTre

MFC 下載網路檔案到本地利用 CHttpFile 和 URLDownloadToFile 【可設超時及進度】兩種方式

說明方法1較為簡單，通用的多，但在某些環境下可能出現未知錯誤（也有可能你碰不到，反正我是碰到了）。方法2實現相對麻煩點，但可設定超時時間以及進度展示，但要例項化一個LPBINDSTATUSCALLBACK 子類，在這個子類中去實現。這個相對好用點，方法1

建立多執行緒的兩種方式

API中告訴我們建立執行緒有2種方式：第一種：1、定義一個類繼承Thread2、子類複寫Thread類中的run方法3、建立子類物件（子類就是一個執行緒類）4、啟動子類物件/* * 演示建立執行緒的第一種方式 */ //定義子類，繼承Thread class Demo

java建立一個執行緒的兩種方法及區別

第一種方法：繼承Thread類 public class NewThread extends Thread { public void run() { for(int i=0;i<20;i++) { System.out.println(i); } } }

easyUI之datagrid綁定後端返回數據的兩種方式

false sel options val urn read lec enter i++ 先來看一下某一位大佬留下的easyUI的API對datagrid綁定數據的兩種方式的介紹。雖然精簡，但是，很具有“師傅領進門，修行靠個人”的精神，先發自內心的贊一個。但是，很多

建立執行緒的兩種方式及原理

建立執行緒的第一種方式： 1. 定義類繼承Thread類。 2. 重寫run()。 3. 建立執行緒物件。 4. 呼叫start()啟動執行緒。 class Thread { priv

利用反射機制建立新類的兩種方式及比較

【0】README 【1】通過反射建立新的類示例，有兩種方式： 2.1）第一種方式： Class.newInstance() 2.2）第二種方式： Constructor.newInstance() 【2】以下對兩種呼叫方式給以比較說明：

easyui combobox 三級級聯 input 兩種實現

data edit pat adc inpu idt cts wid req /**<img src=‘${pageContext.request.contextPath}/images/block.png‘/> * @param 默認載入省市 */

java及javascript兩種方式獲取YYYY-MM-dd HH:mm:ss格式的日期字符串

con javascrip var ear second -c form imp minutes 一、java方式 String leaveTime=""; SimpleDateFormat sDateFormat=new SimpleDateFormat("YYYY-M

java基礎——java類復用的兩種方式及多態

br0 tm4 rss java 復用 ref lan 兩種 vpx Ik2L卮F3w8仄http://t.docin.com/zdto79252 釋7心ND綠誆3叢毯顧http://t.docin.com/wmmo108 欽uvPX勸盜TJZ口http://t.doc

easyui combobox 動態加載的兩種方法

while sage val addclass mbo class urn var ray reload 方法 javascript代碼 //指定id 和 text 否則始終選擇第一個 $(‘#contact_city‘).combobox({

建立資源的兩種方式

命令 vs 配置檔案 Kubernetes 支援兩種方式建立資源： 1. 用 kubectl 命令直接建立 kubectl run nginx-deployment --image=nginx:1.7.9 --replicas=2 在命令列中通過引數指定資源的屬性。 2.

建立的程序的兩種方式與常用屬性

建立程序的兩種方式第一種使用multprocessing 開啟子程序第二種使用自定義的方式（設計繼承程序類的方式） from multiprocessing import Process class MyProcess(Process): def run(self): p

spring4+ThreadPoolTaskExecutor建立執行緒兩種方式傳送郵件

百度雲程式碼下載地址包含測試用例：點選後跳轉 ThreadService package com.konglingfu.service; public interface ThreadService extends Runnable{ public void se

匿名內部類建立執行緒的兩種方式

我們知道多執行緒的實現有兩種方式，一種是繼承Thread類，另一種是實現Runnable介面，然後再重寫run方法，最後開啟執行緒。我們在普通的建立執行緒中，顯然是比較麻煩的，那麼有沒有一個簡單的方法呢？今天小錢就給大家介紹使用匿名內部類建立執行

Python多工（2.執行緒(建立執行緒的兩種方式)）

Python中threading模組可以總結出：（1）當呼叫Thread的時候，不會建立執行緒（2）呼叫Thread創建出來的例項物件的start方法的時候，才會建立執行緒以及讓這個執行緒開始執行

建立多執行緒的兩種方法

建立執行緒的方法：一種方法是將類宣告為 Thread 的子類。該子類應重寫 Thread 類的 run 方法。接下來可以分配並啟動該子類的例項。 public class MyThread extends Thread{

EasyUI建立DataGrid及凍結列的兩種方式

第一種方式：通過HTML標籤建立資料表格控制元件

第二種方式：使用Javascript去建立資料表格控制元件

相關推薦