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); //这里初始化
    }
    }
    })

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

  • 相关阅读:
    React之react-router(connected-react-router/react-router-dom)
    React之redux学习日志(redux/react-redux/redux-saga)
    React之常用技术栈
    js书写规范
    Mybatis plus 常用更新操作
    Mybatis plus 常用删除方式
    Mybatis plus 实体类常用注解
    spring boot 单元测试
    mybatis plus 添加启用打印日志
    Lombok插件优缺点
  • 原文地址:https://www.cnblogs.com/Wtomato/p/7155116.html
Copyright © 2011-2022 走看看