Knockout.js 根据行值剔除js数据网格格式

我使用的是击倒js网格，我使用的方式与本例演示的方式相同

如何根据值更改单元格颜色

var initialData = [
    { name: "Well-Travelled Kitten", sales: 352, price: 75.95 },
    { name: "Speedy Coyote", sales: 89, price: 190.00 },
    { name: "Furious Lizard", sales: 152, price: 25.00 },
    { name: "Indifferent Monkey", sales: 1, price: 99.95 },
    { name: "Brooding Dragon", sales: 0, price: 6350 },
    { name: "Ingenious Tadpole", sales: 39450, price: 0.35 },
    { name: "Optimistic Snail", sales: 420, price: 1.50 }
];

var PagedGridModel = function(items) {
    this.items = ko.observableArray(items);

    this.addItem = function() {
        this.items.push({ name: "New item", sales: 0, price: 100 });
    };

    this.sortByName = function() {
        this.items.sort(function(a, b) {
            return a.name < b.name ? -1 : 1;
        });
    };

    this.jumpToFirstPage = function() {
        this.gridViewModel.currentPageIndex(0);
    };

    this.gridViewModel = new ko.simpleGrid.viewModel({
        data: this.items,
        columns: [
            { headerText: "Item Name", rowText: "name" },
            { headerText: "Sales Count", rowText: "sales" },
            { headerText: "Price", rowText: function (item) { return "$" + item.price.toFixed(2) } }
        ],
        pageSize: 4
    });
};

ko.applyBindings(new PagedGridModel(initialData));


<div class='liveExample'> 

    <div data-bind='simpleGrid: gridViewModel'> </div>

    <button data-bind='click: addItem'>
        Add item
    </button>

    <button data-bind='click: sortByName'>
        Sort by name
    </button>

    <button data-bind='click: jumpToFirstPage, enable: gridViewModel.currentPageIndex'>
        Jump to first page
    </button>

</div>

var initialData=[
{名称：“旅行频繁的小猫”，销售：352只，价格：75.95}，
{名称：“快速郊狼”，销售额：89，价格：190.00}，
{名称：“愤怒的蜥蜴”，销售：152，价格：25.00}，
{名称：“无动于衷的猴子”，销售额：1，价格：99.95}，
{名称：“孵龙”，销售额：0，价格：6350}，
{名称：“独创蝌蚪”，销售：39450，价格：0.35}，
{名称：“乐观蜗牛”，销售：420，价格：1.50}
];
var PagedGridModel=功能（项目）{
this.items=ko.observearray（项目）；
this.addItem=函数（）{
this.items.push（{name:“New item”，销售：0，价格：100}）；
};
this.sortByName=函数（）{
this.items.sort（函数（a，b）{
返回a.name

我想根据“座位”更改单元格颜色 计数“如果座位数大于100，则销售颜色应为“绿色”

需要将单击事件添加到网格行

---

在这个实现中我可以做这些事情吗？

在我看来，gridViewModel绑定处理程序只是作为一个教程提供的，并不打算用作一个功能齐全的网格插件，这可能就是为什么他们不为

css

、

style

和

click

处理程序添加绑定的原因

但是，您仍然可以自己添加缺少的处理程序（在

knockout.simpleGrid.3.0.js

中更改第51行）：

<td data-bind=\"text: typeof rowText == 'function' ? rowText($parent) : $parent[rowText], click: typeof click == 'function' ? click : function(){}, style: typeof style == 'function' ? style($parent) : {} \"></td>\

this.gridViewModel = new ko.simpleGrid.viewModel({
    data: this.items,
    columns: [
        { headerText: "Item Name", rowText: "name", click: function() { alert('clicked'); } },
        { headerText: "Sales Count", rowText: "sales", style: function(item) { if (item.sales>100) return { color: 'green' } } },
        { headerText: "Price", rowText: function (item) { return "$" + item.price.toFixed(2) } }
    ],
    pageSize: 4
});