Javascript JSon挑战：如何在JqxGrid中检索JSon编码的值？_Javascript_Jquery_Json_Jqxgrid_Jqxwidgets

Javascript JSon挑战：如何在JqxGrid中检索JSon编码的值？

javascript jquery json

Javascript JSon挑战：如何在JqxGrid中检索JSon编码的值？,javascript,jquery,json,jqxgrid,jqxwidgets,Javascript,Jquery,Json,Jqxgrid,Jqxwidgets,我正在使用我正在尝试实现JQxGrid。此时，我得到了linkrendererjavascript变量返回的Json编码值，如下所示： <a href="http://www.jqwidgets.com/edit/myid1">http://www.jqwidgets.com/edit/myid1</a> <a href="http://www.jqwidgets.com/edit/myid2">http://www.jqwidgets.com/e

我正在使用

我正在尝试实现JQxGrid。此时，我得到了linkrendererjavascript变量返回的Json编码值，如下所示：

  <a href="http://www.jqwidgets.com/edit/myid1">http://www.jqwidgets.com/edit/myid1</a>

  <a href="http://www.jqwidgets.com/edit/myid2">http://www.jqwidgets.com/edit/myid2</a>

  <a href="http://www.jqwidgets.com/edit/myid3">http://www.jqwidgets.com/edit/myid3</a>

  <a href="http://www.jqwidgets.com/edit/myid1">myid1</a>

  <a href="http://www.jqwidgets.com/edit/myid2">myid2</a>

  <a href="http://www.jqwidgets.com/edit/myid3">myid3</a>

但是我希望“linkrenderer”返回如下结果：

  <a href="http://www.jqwidgets.com/edit/myid1">http://www.jqwidgets.com/edit/myid1</a>

  <a href="http://www.jqwidgets.com/edit/myid2">http://www.jqwidgets.com/edit/myid2</a>

  <a href="http://www.jqwidgets.com/edit/myid3">http://www.jqwidgets.com/edit/myid3</a>

  <a href="http://www.jqwidgets.com/edit/myid1">myid1</a>

  <a href="http://www.jqwidgets.com/edit/myid2">myid2</a>

  <a href="http://www.jqwidgets.com/edit/myid3">myid3</a>

我将感谢你在这方面的帮助

我的代码：

  <script type="text/javascript">
    $(document).ready(function () {
        // prepare the data
        var source =
        {
            datatype: "json",
            datafields: [
                { name: 'CompanyName', type: 'string'},
                { name: 'ContactName', type: 'string'},
                { name: 'ContactTitle', type: 'string'},
                {name: 'CustomerID',type:'string'},


           ],
            url: 'data.php',
            cache: false
        };


       var linkrenderer = function (row, column, value)
   {
            if (value.indexOf('#') != -1) {
                value = value.substring(0, value.indexOf('#'));
            }
            value = "http://www.myurl.com/edit/" + value;
            var format = { target: '"_blank"' };
            var html = $.jqx.dataFormat.formatlink(value, format);
            return html;
        }



        var dataAdapter = new $.jqx.dataAdapter(source);

        $("#jqxgrid").jqxGrid(
        {
           width: 600,
            source: dataAdapter,
            theme: 'classic',
             pageable: true,
            autorowheight: true,
            autoheight: true,
            altrows: true,

            columns: [
              { text: 'Company Name', datafield: 'CompanyName', width: 250},
              { text: 'ContactName', datafield: 'ContactName', width: 150 },
              { text: 'Contact Title', datafield: 'ContactTitle', width: 180 },
               { text: 'CustomerID', cellclassname: 'column', datafield: 'CustomerID', width: 180, cellsrenderer: (linkrenderer) },

          ],
          ready: function () {
                var rows = $('#jqxgrid').jqxGrid('getrows');
                for (var i = 0; i < rows.length; i++) {
                    var currentCell = $('#jqxgrid').jqxGrid('getcellvalue', i, "CustomerID");

                };
          }
        });    
 $.getJSON( dataAdapter, function( data ) {
var items = [];

 $.each( data, function( key, val ) {
  items.push( "<li id='" + key + "'>" + val + "</li>" );
 });

 $( "<ul/>", {
   "class": "my-new-list",
   html: items.join( "" )
  }).appendTo( "#jqxgrid" );
   });          
    });
  </script>

 </head>
<body class='default'>
  <div id="jqxgrid"></div></body>


$（文档）.ready（函数（）{
//准备数据
变量源=
{
数据类型：“json”，
数据字段：[
{name:'CompanyName'，键入：'string'}，
{name:'ContactName'，键入：'string'}，
{name:'ContactTitle'，键入：'string'}，
{name:'CustomerID'，类型：'string'}，
],
url:'data.php'，
缓存：false
};
var linkrenderer=函数（行、列、值）
{
if（value.indexOf（'#'）！=-1）{
value=value.substring（0，value.indexOf（'#'）；
}
值=”http://www.myurl.com/edit/“+价值；
var format={target:'''.'空白'}；
var html=$.jqx.dataFormat.formatlink（值，格式）；
返回html；
}
var dataAdapter=new$.jqx.dataAdapter（源）；
$（“#jqxgrid”）.jqxgrid(
{
宽度：600，
来源：dataAdapter，
主题:"经典",，
pageable:对，
自动高度：正确，
自动高度：正确，
阿尔特罗斯：是的，
栏目：[
{文本：“公司名称”，数据字段：“公司名称”，宽度：250}，
{文本：'ContactName'，数据字段：'ContactName'，宽度：150}，
{文本：“联系人标题”，数据字段：“联系人标题”，宽度：180}，
{text:'CustomerID'，cellclassname:'column'，datafield:'CustomerID'，宽度：180，cellsrenderer:（linkrenderer）}，
],
就绪：函数（）{
变量行=$（'#jqxgrid'）.jqxgrid（'getrows'）；
对于（变量i=0；i”+val+“”）；
});
$（“”{
“类”：“我的新列表”，
html:items.join（“”）
}).附于（“#jqxgrid”）；
});          
});

与其使用$.jqx.dataFormat.formatlink（）创建链接的html，不如自己创建链接？因此，函数LinkRenderer（）应该如下所示：

var href = "http://www.myurl.com/edit/" + value;
return '<a href="'+href+'" target="_blank">'+value+'</a>';

var href=”http://www.myurl.com/edit/“+价值；
返回“”；