zoukankan      html  css  js  c++  java
  • Knockoutjs+select2 人员搜索

    HTML:

     <select class="form-control PersonEmail" id="txtProjectManager" data-bind="options:{text:ICVInfo.ProjectManager,value:ICVInfo.ProjectManager},optionsText:'text',optionsValue:'value',value:ICVInfo.ProjectManager" ></select>

    javascript:

    $('.PersonEmail').select2({
    "separator": ",",
    "maximumSelectionSize": 10,
    "placeholder": "请选择用户",
    "allowClear": false,
    "maximumInputLength": 100,
    "minimumResultsForSearch": "2",
    "tags": false,
    templateResult: function (repo) {
    markup = repo.text;
    return markup;
    },
    escapeMarkup: function (markup) { return markup; },
    templateSelection: function (repo) {
    return repo.text;
    },

    ajax: {
    @*url: '@Url.Action("SelectUser", "CommercialReminder")', dataType: 'json', data: function (params) {*@
    url: 'SelectUser',
    dataType: 'json',
    delay: 250,
    data: function (params) {
    return {
    q: params.term, // search term
    page: params.page
    };
    },
    processResults: function (data, params) {
    params.page = params.page || 1;

    return {
    results: data.items,
    pagination: {
    more: (params.page * 30) < data.total_count
    }
    };
    },
    cache: false,
    type: 'post'
    },
    initSelection: function (element, callback) {
    if (element.val() != null) {
    var data = { id: element.val(), text: element.val() };
    //alert(data.id);
    callback(data); //这里初始化
    }
    }
    })

    目前只适合单选,多选目前还在配置,等测试通过后会继续放上来。

  • 相关阅读:
    amd
    富文本编辑器
    css module
    uc浏览器调试
    mysql利用sql语句将查询结果导出
    自启程序为何自启失败?
    nginx4层代理ssh服务
    创建SFTP用户并指定访问目录 Linux
    01月04日17:15:40 学习进度笔记
    01月04日10:39:23总结
  • 原文地址:https://www.cnblogs.com/Wtomato/p/7155116.html
Copyright © 2011-2022 走看看