angularjs 联想控件

在一些分类比较多的项目中,联想控件的应用相对比较方便和实用,下面简单介绍一下联想控件的使用:

<div class="fl mt10">
                    <label class="li_label w78 align-right">客户名称:</label>
                    <g-data-source
                            url="/crm/stock/querySourceMapList"
                            data-params="searchModel"
                            source-name="storeAsso4"
                            allow-auto-load="true"
                            page-size="10"
                            current-page="1"
                            page="true"
                    >
                    </g-data-source>
                    <g-associate data-source-name="storeAsso4" g-width="170px"
                                 ng-model="searchModel.sources"
                                 keyword-prop="keyword"
                                 selected-row="selectedRow4"
                                 display-express="custName"
                                 value-prop="custCode"
                                 unmatch-remove="true"
                                 multi="true" ng-cloak>
                        <g-associate-column width="150px" display-express="custCode" filter-name="uppercase">客户编码</g-associate-column>
                        <g-associate-column width="150px" display-express="custName">客户名称</g-associate-column>
                    </g-associate>
                </div>

url="/crm/stock/querySourceMapList":联想控件后台查询地址

source-name="storeAsso4":数据源

ng-model="searchModel.sources":属性值

display-express="custName":显示值
value-prop="custCode":实际值

multi="true":支持多选

猜你喜欢

转载自blog.csdn.net/qq_32509167/article/details/81476721