您的当前位置:首页>全部文章>文章详情

selectpage 下拉列表联动 或者 数据过滤

发表于:2025-03-07 11:07:24浏览:65次TAG: #下拉列表联动 #数据过滤

以 add.html 为例

  1. add.html 两种 selectpage 代码

     <div class="form-group">
         <label class="control-label col-xs-12 col-sm-2">{:__('Category_id')}:</label>
         <div class="col-xs-12 col-sm-8">
    <!--            <input id="c-category_id" data-rule="required" min="0" data-source="bijia/category/index" class="form-control selectpage" name="row[category_id]" type="text" value="">-->
    
             {:build_select('row[category_id]',$categorydata, null, ['class'=>'form-control selectpicker','data-rule'=>'required','id'=>'c-category_id'])}
    
         </div>
     </div>
     <div class="form-group">
         <label class="control-label col-xs-12 col-sm-2">{:__('Brand_id')}:</label>
         <div class="col-xs-12 col-sm-8">
             <input id="c-brand_id" min="0" data-rule="required" data-source="bijia/brand/index" class="form-control selectpage" name="row[brand_id]" type="text" value="">
         </div>
     </div>
     <div class="form-group">
         <label class="control-label col-xs-12 col-sm-2">{:__('Xinghao_id')}:</label>
         <div class="col-xs-12 col-sm-8">
             <input id="c-xinghao_id" data-rule="required" data-source="bijia/xinghao/index" class="form-control selectpage" name="row[xinghao_id]" type="text" value="">
         </div>
     </div>
    
  1. 修改 相应JS下代码

         add: function () {
             $("#c-brand_id").data("params", function (obj) {
                 //obj为SelectPage对象
                 return {custom: {category_id: $("#c-category_id").val()}};
             });
    
             $("#c-xinghao_id").data("params", function (obj) {
                 //obj为SelectPage对象
                 return {custom: {brand_id: $("#c-brand_id").val()}};
             });
    
             Controller.api.bindevent();
         },