fastadmin通用搜索框联动

时间:2021-08-12

实现的效果如下:

fastadmin通用搜索框联动

主要在js代码

{field: 'classify_id',formatter: function (value,row) {return row.classify.name ||'';}, title: __('Classify_id'),addclass: 'selectpage', extend: 'data-source="courseware/classify/index"'},
{field: 'course_id', formatter: function (value,row) {return row.course.name ||'';},title: __('Course_id'),addclass: 'selectpage', extend: 'data-source="courseware/course/index"'},
{field: 'stage_id', formatter: function (value,row) {return row.stage.name ||'';},title: __('Stage_id'),addclass: 'selectpage', extend: 'data-source="courseware/stage/index"'},
{field: 'chapter_id', formatter: function (value,row) {return row.chapter.name ||'';},title: __('Chapter_id'),addclass: 'selectpage', extend: 'data-source="courseware/chapter/index"'},

如果你的后端返回的字段没有id和name,那么你还需要在extend属性里设置其它参数。

fastadmin通用搜索框联动

最关键的还是下面的代码

$("#course_id").data("params", function (obj) {
     return {custom: {classify_id:$('#classify_id').val()}};
});
$("#stage_id").data("params", function (obj) {
      return {custom: {course_id:$('#course_id').val()}};
});
$("#chapter_id").data("params", function (obj) {
     return {custom: {stage_id:$('#stage_id').val()}};
 });
 // 为表格绑定事件
Table.api.bindevent(table);

fastadmin通用搜索框联动