jquery easyui使用(三)······datagrid載入數據(未解決)

来源:http://www.cnblogs.com/zhyue93/archive/2016/08/18/easyui3.html
-Advertisement-
Play Games

jquery easyui使用(三)······datagrid載入數據(未解決) ...


<div id="table_Data">
        </div>
$("#table_Data").datagrid({
    toolbar: '#myToolbar',
    url: urlAshx,
    queryParams: { "action": "carlist" },
    method: 'post',
    width: 'auto',
    height: '500px',
    iconCls: 'icon-edit',
    singleSelect: true,
    fitColumns: false,
    pagination: true,
    pageSize: 15,
    pageList: [15, 25, 35, 45],
    pageNumber: 1,
    rownumbers: true,
    loadMsg: "正在載入數據...",
    columns: [[
        { filed: 'ID', title: '編號', width: 120, hidden: true },
        { filed: 'Name', title: '車輛名稱', width: "120", align: 'center' },
        { filed: 'Type', title: '型號', width: 120, align: 'center' },
        { filed: 'LicenseTag', title: '牌號', width: 120, align: 'center' },
        { filed: 'Color', title: '座位數', width: 120, align: 'center' },
        { filed: 'Seats', title: '顏色', width: 120, align: 'center' },
        { filed: 'Remarks', title: '備註', width: 920, align: 'center' },
        {
            filed: 'Action', title: '操作', width: 550, align: 'center', formatter: function (value, row, index) {
                alert(row.Name);
                var Action = "<a href='javascript:void(0);' onclick='Edit(" + row.ID + ")'>修改</a>\
javascript:void(0);' onclick='Delete(" + row.ID + ")'>刪除</a>";
                return Action;
            }
        }
    ]],
    onLoadSuccess: function (data) { alert("success"); },
    onLoadError: function (XMLHttpRequest, textStatus, errorThrown) { alert("error"); },
    onBeforeEdit: function (index, row) { },
    onAfterEdit: function (index, row) { },
    onCancelEdit: function (index, row) { }
});

 

private string GetCarList(HttpContext context)
{
    string result = "";
    DataTable dt = bll_cmCar.GetAllList().Tables[0];
    if (dt != null && dt.Rows.Count > 0)
    {
        int total = dt.Rows.Count;
        string json = Common.DataTableConvertJson.DataTableToJson(dt);
        result = "{\"total\":" + total + ",\"rows\":" + json + "}";
        //result = json ;
    }
    return result;
}

 返回的數據格式正確,在IE中報如下錯誤:

給這兩個錯誤加上判斷col!=null,倒是不報錯了,但是結果還是顯示不出來,求大神指教

替代方案

前端頁面:

<table id="table_Data" class="easyui-datagrid" title=""
    data-options="singleSelect:true,collapsible:true,url:'ashx/Car.ashx',method:'post',queryParams: { 'action': 'carlist' },toolbar: '#myToolbar',height: '500px',width: 'auto',iconCls: 'icon-edit',fitColumns: false,pagination: true,pageSize: 15,pageList: [15, 25, 35, 45],pageNumber: 1,rownumbers: true,loadMsg: '正在載入數據...',">
    <thead>
        <tr>
            <th data-options="field:'ID',width:80, hidden: true">ID</th>
            <th data-options="field:'Name',width:100,align:'center'">Name</th>
            <th data-options="field:'Type',width:80,align:'center'">Type</th>
            <th data-options="field:'LicenseTag',width:80,align:'center'">LicenseTag</th>
            <th data-options="field:'Color',width:50,align:'center'">Color</th>
            <th data-options="field:'Seats',width:60,align:'center'">Seats</th>
            <th data-options="field:'Remarks',width:250,align:'center'">Remarks</th>
        </tr>
    </thead>
</table>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • jquery easyui使用(四)······添加,編輯,刪除 ...
  • 警告:這是一個入門級日誌,如果你很瞭解CodeFirst,那請繞道 背景:這篇日誌記錄我使用Entity FrameWork CodeFirst時出現的錯誤和解決問題的過程,雖然有點曲折……勿噴 備註:這確實算是Entity FrameWork CodeFirst的問題個人也不知道應該給文章加什麼樣 ...
  • 本文想通過配置VS Code來實現對AngularJS的智能提示。在一般的情況下對於在HTML頁面是支持提示的。但是在js頁面就不是很友好,它是記憶你之前的輸入,要是之後有重覆的輸入,VS Code會提示您,僅此而已。 VS Code各種屌炸天的功能,將來必定是強大的前端IDE。 通過下列5步讓VS ...
  • 前些日子,Insus.NET有實現《ASP.NET MVC使用jQuery實現Autocomplete》http://www.cnblogs.com/insus/p/5638895.html 。 但今天嘗試把此功能移到ASP.NET Ajax UpdatePanel環境中使用。網頁在第一次載入時是沒 ...
  • Networkcomms 是一款C# 語言編寫的TCP/UDP通信框架 作者是英國人 以前是收費的 目前作者已經開源 開源地址是:https://github.com/MarcFletcher/NetworkComms.Net networkcomms通訊框架使用簡單方便,性能穩定. 從github ...
  • 傻了吧唧的裝雙系統.成功的乾崩了原本的系統.現在重裝VS.閑的沒事胡扯幾句. WindowsAPI在每一臺Windows系統上開放標準API供開發人員調用.功能齊全.在這裡只介紹三個部分. 1.利用API控制滑鼠鍵盤. 2.對外部程式的讀寫和監聽 3.對外部程式視窗的改動. 外部程式的意思就是.假設 ...
  • Hibernate提供了兩種映射一對一映射關聯關係的方式: 01.按照外鍵映射 02.按照主鍵映射 下麵以員工賬號表和員工檔案表(員工賬號和檔案表之間是一對一的關係)為例,介紹這兩種映射關係,並使用這兩種 映射方式分別完成以下持久化操作 (1)保存員工檔案的同時分配給員工一個賬號 (2)載入員工檔案 ...
  • 這段代碼很有意義,用於把一個程式的界面嵌入到我們自己程式的某個指定窗體上. 比如在某個項目里,我需要把基恩士的激光掃描輪廓顯示給客戶看,但是激光的DLL中並沒有這種功能提供. 於是我想先啟動激光的官方程式用以顯示輪廓, 然後再把這種顯示界面嵌入到我自己程式的界面上指定的位置上. 在筆者構想的PLC仿 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...