bootstrap-suggest-plugin

最新推荐文章于 2024-03-27 09:37:16 发布

wangqiaowqo

最新推荐文章于 2024-03-27 09:37:16 发布

阅读量312

点赞数

分类专栏：解决方案文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/wangqiaowqo/article/details/84704156

版权

解决方案专栏收录该内容

45 篇文章 0 订阅

订阅专栏

https://github.com/lzwme/bootstrap-suggest-plugin


<!-- SUGGEST PLUGINS -->
<script src="$STATIC_DOMAIN/ddshow/admin/plugins/bootstrap-suggest.js" type="text/javascript"></script>


                            <div class="controls">
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="test" name="channelName" value="$!channelName" >
                                            <div class="input-group-btn">
                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                                    <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                                </ul>
                                            </div>
                                            <!-- /btn-group -->
                                        </div>
                                    </div>
                                    ##<input type="hidden" class="form-control" id="positionId" name="positionId" value="$!{positionId}" >
                                    <div class="col-lg-3">
                                        <button type="submit" class="btn" id="dds-admin-submit">查询</button>
                                    </div>
                                </div>


<script type="text/javascript">

    var testBsSuggest = $("#test").bsSuggest({
        //url: "/rest/sys/getuserlist?keyword=",
        url: "/houtai/common/cps/all_position?keyword=",
        effectiveFields: ["positionName"],
        /*effectiveFields: ["userName", "shortAccount"],
        searchFields: [ "shortAccount"],
        effectiveFieldsAlias:{userName: "姓名"},*/
        idField: "id",
        keyField: "positionName"
    }).on('onDataRequestSuccess', function (e, result) {
        console.log('onDataRequestSuccess: ', result);
    }).on('onSetSelectValue', function (e, keyword) {
        //$('#positionId').val(keyword.id);
        console.log('onSetSelectValue: ', keyword);
    }).on('onUnsetSelectValue', function (e) {
        console.log("onUnsetSelectValue");
    });
</script>