您好我想使用Webmethod绑定Jqgrid。但我的网格空白，我错了请帮忙。 [英] Hello I Want To Bind Jqgrid Using Webmethod. But My Grid Is Blank Where I Am Wrong Please Help.

问题描述

 $（document）.ready（function（）{
  var  pageIndex =  1 ; 
  var  pageCount; 
  var  minCarat = $（ ＃carat-m​​in）。val（）; 
  var  maxCarat = $（ ＃carat-m​​ax ）.val（）; 
调试器; 
 $（ ＃gvJQGrid ）.jqGrid（{
  //   url：'http：//192.168.108.33/Diamond/default。 aspx？jqGridID = JQGrid1'， 
 url：'  SampleDefault.aspx / GetCustomers'，
 data：JSON.stringify（{'  pageIndex'：pageIndex，'  mincart'：minCarat ，'  maxcart'：maxCarat}），
 contentType：  application / json; charset = utf-8，
 mtype：  GET，
数据类型：  json，
 page： 1 ，
 colNames：['  Images'，' 比较'，' 形状'，' 克拉'，'  Cut'，' 颜色'，'  Clarity'， '  Polish'，'  Symmetry'，' 深度'，' 表'，'  Floroscence'，
 '  Price_Ct'，'  Culet'，' 详细信息']，
 colModel： [
 {
 name：'  Images'，
 align： '  center'，
 formatter：formatImage 
}，
 { 
 name：'  check box'，
 align：'  center'，
 formatter ：formatChkbox，
 
}，
 {name：'  Shape'，align：'  center'}，
 {name：' 克拉'，对齐：'  center'}，
 {name：'  Cut1'， align：'  center'}，
 {name：'  Color1'，对齐：'  center'}，
 {name：'  Clarity'，align： '  center'}，
 {name： '  Polish1'，对齐：'  center '}，
 {name：'  Symmetry1'，align：'  center'}，
 {name：'  Depth1'，对齐：'  center'}，
 {name：'  Table_1'，align：'  center'}，
 {name：'  Floroscence1'，对齐：'  center'}，
 {name：'  Price_Ct1'，对齐：'  center'}，
 {name：'  Culet1'，对齐：< span class =code-string>'  center'}，
 {
 name：' 查看'，
 align：'  center'，
 formatter：formatButton 
} 
]，
宽度： 840 ，
 height： 500 ，
 rowNum：< span class =code-digit> 20 ，
 scroll： 1 ， //  将scroll属性设置为1以使用滚动条启用分页 - 虚拟加载记录 
 emptyrecords：'  滚动到底部以检索新页面， //  消息将显示在底部 
寻呼机： ＃jqGridPager 
}）; 
}）; 
 
函数formatImage（cellValue，options，rowObject）{
  var  imageHtml =   < img src ='images / + cellValue +  'originalValue =' + cellValue +  '/>; 
  return  imageHtml; 
} 
 
函数formatChkbox（cellValue，options，rowObject）{
  var  imageHtml =  < input type = checkbox />; 
  return  imageHtml; 
} 
 
函数formatButton（cellValue，options，rowObject）{
  var  imageHtml =  < a href =＃>查看< / a>; 
  return  imageHtml; 
} 
 
 
  //   CustomFormatter的FormatFunction获取三个参数 
  //   cellValue  - 单元格的原始值 
  //   options  - 作为选项集，例如 
  //   options.rowId  - 行的主键 
  //   options.colModel  - 列的colModel  
  //   cellObject  - 保存实际值的单元格的HMTL（td） 
函数unformatImage（cellValue，options，cellObject）{
  return  $（cellObject.html（））。attr（  o riginalValue）; 
} 

解决方案

（document）.ready（function（）{
var pageIndex = 1 ;
var pageCount;
var minCarat =

（ ＃carat-m​​in）。val（）;
var maxCarat =

< blockquote>（ ＃carat-m​​ax）。val（）;
debugger;

$(document).ready(function () {
        var pageIndex = 1;
        var pageCount;
        var minCarat = $("#carat-min").val();
        var maxCarat = $("#carat-max").val();
        debugger;
        $("#gvJQGrid").jqGrid({
            //url: 'http://192.168.108.33/Diamond/default.aspx?jqGridID=JQGrid1',
            url: 'SampleDefault.aspx/GetCustomers',
            data: JSON.stringify({ 'pageIndex': pageIndex, 'mincart': minCarat, 'maxcart': maxCarat }),
            contentType: "application/json; charset=utf-8",
            mtype: "GET",
            datatype: "json",
            page: 1,
            colNames: ['Images', 'Compare', 'Shape', 'Carat', 'Cut', 'Color', 'Clarity', 'Polish', 'Symmetry', 'Depth', 'Table', 'Floroscence',
                       'Price_Ct', 'Culet', 'Details'],
            colModel: [
                         {
                             name: 'Images',
                             align: 'center',
                             formatter: formatImage
                         },
                         {
                             name: 'checkbox',
                             align: 'center',
                             formatter: formatChkbox,

                         },
                         { name: 'Shape', align: 'center' },
                         { name: 'Carat', align: 'center'},
                         { name: 'Cut1', align: 'center' },
                         { name: 'Color1', align: 'center' },
                         { name: 'Clarity', align: 'center' },
                         { name: 'Polish1', align: 'center' },
                         { name: 'Symmetry1', align: 'center' },
                         { name: 'Depth1', align: 'center' },
                         { name: 'Table_1', align: 'center' },
                         { name: 'Floroscence1', align: 'center' },
                         { name: 'Price_Ct1', align: 'center' },
                         { name: 'Culet1', align: 'center' },
                         {
                             name: 'View',
                             align: 'center',
                             formatter: formatButton
                         }
            ],
            width: 840,
            height: 500,
            rowNum: 20,
            scroll: 1, // set the scroll property to 1 to enable paging with scrollbar - virtual loading of records
            emptyrecords: 'Scroll to bottom to retrieve new page', // the message will be displayed at the bottom
            pager: "#jqGridPager"
        });
    });

    function formatImage(cellValue, options, rowObject) {
        var imageHtml = "<img src='images/" + cellValue + "' originalValue='" + cellValue + "' />";
        return imageHtml;
    }

    function formatChkbox(cellValue, options, rowObject) {
        var imageHtml = "<input type=checkbox />";
        return imageHtml;
    }

    function formatButton(cellValue, options, rowObject) {
        var imageHtml = "<a href = # >View</a>";
        return imageHtml;
    }


    // The FormatFunction for CustomFormatter gets three parameters
    // cellValue - the original value of the cell
    // options - as set of options, e.g
    //   options.rowId - the primary key of the row
    //   options.colModel - colModel of the column
    // cellObject - the HMTL of the cell (td) holding the actual value
    function unformatImage(cellValue, options, cellObject) {
        return $(cellObject.html()).attr("originalValue");
    }

解决方案

(document).ready(function () { var pageIndex = 1; var pageCount; var minCarat =

("#carat-min").val(); var maxCarat =

("#carat-max").val(); debugger;

这篇关于您好我想使用Webmethod绑定Jqgrid。但我的网格空白，我错了请帮忙。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！