DHTMLX网格:用下拉菜单填充单元格

本文关键字：填充 单元格 下拉菜单 网格 DHTMLX | 更新日期: 2023-09-27 18:16:17

我在dhtmlx grid table中有2列。我想用dropdown menu填充每个单元格的第二列。

我在C#中生成xml document

C#中的generated xml文档:

<rows>
  <head>
    <column type="ed" width="205" sort="str">Product</column>
    <column type="co" width="205" sort="na" id="last">Class</column>
  </head>
 <row id="1">
   <cell>Product_name_1</cell>
   <cell>
    <select>
      <option id="1" value="1">first_option</option>
      <option id="2" value="2">second_option</option>
    </select>
   </cell>
 </row>
 <row id="2">
   <cell>Product_name_2</cell>
   <cell>
    <select>
      <option id="3" value="4">first_option</option>
      <option id="4" value="4">second_option</option>
    </select>
   </cell>
 </row>
</rows>

Html and Javascript code:

<body>
<div id="mygrid_container" style="width:1026px;height:500px"></div>
<script>
    var mygrid;
    $(document).ready(function () { 
        $.ajax({
            url: "/Admin/XMLForProducts",
            dataType: "json",
            type: "GET",
            data: {},
            success: function (result) {
                mygrid = new dhtmlXGridObject('mygrid_container');
                mygrid.init();
                mygrid.parse(result, "xml");
            }
        });
    });
</script>
</body>

在这种情况下，我只是得到第一列填充值(Product_name_1和Product_name_2)，我没有得到第二列与下拉菜单的每个单元格，我不知道如何修复这个。

DHTMLX网格:用下拉菜单填充单元格

  1. 您需要在xml中使用某种形式的转义空格字符。例如,

代替:

    <cell>
        <select>
          <option id="3" value="4">first_option</option>
          <option id="4" value="4">second_option</option>
        </select>
       </cell>
你需要

: 

<cell><![CDATA[<select><option id="3" value="4">first_option</option><option id="4" value="4">second_option</option></select>]]></cell>

下面是关于处理xml中的特殊字符的教程:http://docs.dhtmlx.com/doku.php?id=others: special_characters_in_xml

  1. 我们也不建议在网格中使用这样的html输入。你可以尝试使用"combo" excel。

你可以在这里找到一个现成的例子:

http://www.dhtmlx.com/docs/products/dhtmlxGrid/samples/13_interaction_other_components/01_pro_combo.html

和教程:http://docs.dhtmlx.com/doku.php?id=dhtmlxgrid:how_to_use_new_excell_combo

相关文章：