selectpage进行自定义查询

需求 在选择 钢琴 - 国产 后 周边分类 进行相应变化

1. 在类型信息进行渲染的时候 是将国产的pid渲染上去的, 也就是根据pid可以获取到钢琴的id
2. js内部

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

// 周边分类是selectpage进行查询的 -此处是给selectpage加入条件
$("#c-goodstim_id").data("params",function (obj){
		// 将pid 作为where条件写入
        var type_id = $("#c-type_id option:selected").attr('pid');
        return {custom:{type_id:type_id}};
    })

3.html部分代码 [类型信息]

<div class="form-group" >
        <label class="control-label col-xs-12 col-sm-2" skip="{:url('liucstore/type')}">{:__('类型信息')}[跳转]:</label>
        <div class="col-xs-12 col-sm-8">
            <select name="row[type_id]" id="c-type_id" class="form-control selectpicker" data-live-search="true">
                {volist name="typelist" id="v"}
                <option disabled value="{$v['id']}">{$v['name']}</option>
                        {volist name="$v['childlist']" id="vs"}
                            <option disabled value="{$vs['id']}">{$vs['spacer']}{$vs['name']}</option>
                            {volist name="$vs['childlist']" id="vss"}
                            <!--pid在这-->
                                <option value="{$vss['id']}" data-pid="{$vss['pid']}">{$vss['spacer']}{$vss['name']}</option>
                            {/volist}
                        {/volist}
                {/volist}
            </select>
        </div>
    </div>

4. html部分代码 [周边分类]

<div class="form-group" son="type" hidden >
        <label class="control-label col-xs-12 col-sm-2">{:__('周边分类')}:</label>
        <div class="col-xs-12 col-sm-8">
         <!--selectpage-->
            <input id="c-goodstim_id" class="form-control selectpage"
                   name="row[goodstim_id]" data-source="liucstore/goodsrim" type="text">
        </div>
    </div>

完工.
在第三步的时候有一个skip="{:url('liucstore/type')}"
是做页面跳转用的
js部分可以加入代码来进行页面跳转

$("[skip]").click(function (res){
        parent.window.open($(this).attr('skip'));
    })