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

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

  • 相关阅读:
    被学长教会的高斯消元法Gauss
    KMP字符串匹配算法翔解❤
    fkwの题目(祝松松生日快乐!)
    NOI-linux下VIM的个人常用配置
    从2017年暑假到现在手打的模板↑_↑
    【テンプレート】初级数据结构
    【テンプレート】高精
    DP(第二版)
    luogu P1029 最大公约数和最小公倍数问题
    贪心题整理
  • 原文地址:https://www.cnblogs.com/Wtomato/p/7155116.html
Copyright © 2011-2022 走看看