Asp项目总结

                                                                                Asp项目总结

最近在做一个基于asp.net mvc的项目,主要是用来生成衣服的标识吊牌和洗唛。现在总结一下几个技术点。

1.可编辑的下拉框  用jquery的插件:jquery-editable-select

下载引用jquery-editable-select.min.js 后直接调用 

$('xxx').editableSelect({
            effects: 'slide'
        });

即可生成一个有下拉框并且可以编辑的元素:

Asp项目总结

这个插件生成后是在input的下方生成一个ul的控件,如果需要在其他地方为这个下拉框添加选项则需要先找到改下拉框然后再

$(xxx).next().next().append("<li class='es-visible' value='" + content + "'>" + content + "</li>");

才能添加选项。

2.下拉框的选项值显示图片

效果图:

Asp项目总结

这个是用jquery的另外一个插件MSDropDown  下载并引入jquery.dd.min.js

然后为每一个下来选项添加 data-image属性即可 data-image写入对应的图片路径即可

<option  data-image='"+content.imgSrc+"' value='"+content.code+"'>"+content.title+"</option>