demo

从服务器加载数据，重写第一个列表并传入参数以修改插件配置，如下传入可选参数key(返回数据标)和请求的表单数据formdata

Code:


// 请求远程数据
$("#button-1").click(function() {
    $("#category-1").category("getData", {
        url: "json/test1.json",
        key: "category",
        formdata: {
            test: "this is a test formdata"
        }
    });
});

从加载本地数据，重写第二个列表并传入参数以修改插件配置

Code:


// 显示本地数据,并且数据下标不变
$("#button-2").click(function() {
    $("#category-2").category("render", {
        data: {
            tag: ["本地测试数据1-1", "本地测试数据1-2", "本地测试数据1-3", "本地测试数据1-4", "本地测试数据1-5", "本地测试数据1-6"]
        }
    });
});

从服务器加载数据，重写第三个列表并传入参数以修改插件配置


// 请求服务器数据，并改变插件配置
$("#button-3").click(function() {
    $("#category-3").category("getData", {
        name: "test",
        key: 'test',
        url: "json/test2.json",
        formdata: {
            test: 'this is a test formdata'
        },
        all: {
            name: "所有",
            value: "all"
        }
    });
});