Question

我尝试从数据库动态绑定选择选项，例如：

$('#content').bind('mousewheel',function(event) {
        var scroll_up   = event.originalEvent.deltaY > 120;


        if(scroll_up) {
            console.log('you scrolled up!');
            //change color to red

            changeColor(red);
        }
        if(red && scroll_up){
            console.log('you scrolled up again!');
            //change color to blue
            changeColor(blue);
        }
    });

function changeColor(color){

    $('#content').css('color', color);
}

但是使用select创建的数据格式是什么。我尝试使用“ itemTemplate”，但效果不佳。

Answer 1

在实例化网格之前，建立select列表。示例：

const units = [ { id: 0, name: "cm"}, { id: 1, name: "inch" } ];
$("#grid").jsGrid({
// ...
fields: [
    { name: "Units", type: "select", title: "Units", 
      items: units, valueField: "id", textField: "name" },
 ]
});

在JSFiddle上的工作演示。

如果您要讨论的是相同列中具有不同下拉列表的不同行，则内置select类型可能没有用。您必须自己渲染editTemplate。 JSFiddle中有一个简单的工作示例。

如何为jsGrid中的每一行绑定动态选择选项？

1 个答案: