dojo小例子(32)dgrid增加filter搜索功能2

<form id="filterForm">
    Filter by Last Name: <input type="text"name="filter">
    <button type="submit">Filter</button>
</form>
<div id="grid"></div>
require([
    "dojo/dom",
    "dojo/on",
    "dojo/store/Memory",
    "dgrid/OnDemandGrid"
],function(dom, on, Memory, OnDemandGrid) {
    varform = dom.byId("filterForm"),
        store = newMemory({ data: [
            { id: 1, firstName: "Bryan", lastName: "Forbes"},
            { id: 2, firstName: "Kenneth", lastName: "Franqueiro"},
            { id: 3, firstName: "Colin", lastName: "Snover"},
            { id: 4, firstName: "Kris", lastName: "Zyp"}
        ] }),
        grid = newOnDemandGrid({
            columns: {
                "firstName":"First Name",
                "lastName":"Last Name"
            },
            sort:"lastName",
            store: store
        },"grid");
     
    on(form,"submit",function(event) {
        varvalue = form.elements.filter.value;
 
        // Filter lastName, matching against the input text
        grid.set("query", { lastName: value });
 
        // Since we're using a form, prevent normal submission
        event.preventDefault();
    });
});
1
grid.set("query", { lastName: newRegExp(value, "i") });

这种方式,结合使用JsonRest可以把filter参数通过url发送到后台,供条件查询使用,实现后台过滤
原文http://www.sitepen.com/blog/2013/09/06/dojo-faq-how-can-i-add-filtering-controls-to-dgrid/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值