如何 select 在 selectize 来自控制器的插件中的多个值
How to select multiple values in selectize plugin from controller
如何添加几个选项作为选择
我正在使用这个插件:https://github.com/selectize/selectize.js/blob/master/docs/usage.md
我有一个如下图所示的对象:
这是我的客户端脚本
//skills
$scope.$selectSkill = $('#selectSkill').selectize({
valueField: 'id',
labelField: 'name',
searchField: 'name',
placeholder: "Select Skills",
options: $scope.data.skills,
create: false,
sortField: {
field: 'name',
direction: 'asc'
}
});
这是我的HTML
<select id="selectSkill"
name="selectSkill"
ng-model="selectSkill"
multiple required> </select>
这是它的加载方式,到目前为止一切都很好,
现在,当我触发一个方法时,我将得到一些(两个)值作为响应:
48c9eda9c0a8018b4b6aca082d5d1e41 , 48c9fe9ac0a8018b6a37e4db0d07df09
我希望这两个被选中,如下图所示
我该怎么做..?
我试过这样的方法:
var $select = $("#selectSkill").selectize();
var yourDefaultIds = [slectedSkills.skills]; //(those 2 vlaues)
selectize.setValue(yourDefaultIds);;
//populate skills starts here
var templateSkills = finTempObj.skills;
var str_array_skills = templateSkills.split(',');
var $select = $("#selectSkill").selectize();
var selectize = $select[0].selectize;
selectize.setValue(str_array_skills);
selectize.refreshOptions();
//populate skills ends here
这应该可以,我已经测试过了。
而不是设置为字符串将这两个值转换为数组然后设置。
如何添加几个选项作为选择 我正在使用这个插件:https://github.com/selectize/selectize.js/blob/master/docs/usage.md
我有一个如下图所示的对象:
这是我的客户端脚本
//skills
$scope.$selectSkill = $('#selectSkill').selectize({
valueField: 'id',
labelField: 'name',
searchField: 'name',
placeholder: "Select Skills",
options: $scope.data.skills,
create: false,
sortField: {
field: 'name',
direction: 'asc'
}
});
这是我的HTML
<select id="selectSkill"
name="selectSkill"
ng-model="selectSkill"
multiple required> </select>
这是它的加载方式,到目前为止一切都很好,
现在,当我触发一个方法时,我将得到一些(两个)值作为响应:
48c9eda9c0a8018b4b6aca082d5d1e41 , 48c9fe9ac0a8018b6a37e4db0d07df09
我希望这两个被选中,如下图所示
我该怎么做..?
我试过这样的方法:
var $select = $("#selectSkill").selectize();
var yourDefaultIds = [slectedSkills.skills]; //(those 2 vlaues)
selectize.setValue(yourDefaultIds);;
//populate skills starts here
var templateSkills = finTempObj.skills;
var str_array_skills = templateSkills.split(',');
var $select = $("#selectSkill").selectize();
var selectize = $select[0].selectize;
selectize.setValue(str_array_skills);
selectize.refreshOptions();
//populate skills ends here
这应该可以,我已经测试过了。 而不是设置为字符串将这两个值转换为数组然后设置。