最近用到一个jq插件 jquery.multiselect2side 感觉蛮好用的,可后面有级联的需求发现自带的不好弄,于是乎改了下,在不影响之前功能的情况下 可以注入多种事件,增加自定义按钮等等
例如:
// 绑定控件: 当颜色被移动时应该及时反馈到vo对象中
sltobj.multiselect2side({
selectedPosition: 'right',
search: "搜索: ",
labeldx: '本色族拥有的颜色',
labelTop: '居顶',
labelBottom: '居底',
labelUp: '上',
labelDown: '下',
labelSort: '排序',
leftSel_after_remove: function(leftSel,rightSel){
// lft->rgt: 重新计算选中的颜色列表
var selected = [];
rightSel.find('option').each(function(){
selected[selected.length] = jQuery(this).val();
});
if (vo.selected_cg[dataInput.cg_id]){
vo.selected_cg[dataInput.cg_id].color_ids = selected;
}
},
rightSel_after_remove: function(leftSel,rightSel){
// rgt->lft: 重新计算选中的颜色列表以及默认颜色是否还存在
leftSel.find('option.default_color').each(function(){
jQuery(this).removeClass('default_color');
if (jQuery(this).hasClass('delete_color')){
jQuery(this).css({color: 'gray'});
}else {
jQuery(this).css({color: ''});
}
});
var selected = [];
rightSel.find('option').each(function(){
selected[selected.length] = jQuery(this).val();
});
if (vo.selected_cg[dataInput.cg_id]){
vo.selected_cg[dataInput.cg_id].color_ids = selected;
}
var default_color_id = vo.selected_cg[dataInput.cg_id].default_color_id;
if (default_color_id){
var finded = false;
for (var i=0; i < selected.length; i++){
if (selected[i] == default_color_id){
finded = true;
break;
}
}
if (!finded) vo.selected_cg[dataInput.cg_id].default_color_id = null;
}
},
rightSel_after_move: function(rightSel){
// 移动后重新计算选中的颜色列表
var selected = [];
rightSel.find('option').each(function(){
selected[selected.length] = jQuery(this).val();
});
if (vo.selected_cg[dataInput.cg_id]){
vo.selected_cg[dataInput.cg_id].color_ids = selected;
}
// console.log(selected);
},
// 自定义命令按钮
customCommand: [
{
cmdclass: 'SetDefaultColor',title: '设置色族的默认颜色',label: '默认色',
style: {
color: 'pink','background-color': 'gray'
},
eventMt: function(rightSel){
var selectedDx = rightSel.find("option:selected");
if (selectedDx.size() != 1){
return alertMsg.error("每次只能操作一种颜色");
}
rightSel.find('option.default_color').each(function(){
jQuery(this).removeClass('default_color');
if (jQuery(this).hasClass('delete_color')){
jQuery(this).css({color: 'gray'});
}else {
jQuery(this).css({color: ''});
}
});
selectedDx.addClass('default_color').css({color: 'pink'});
// console.log(selectedDx.get(0));
vo.setDefaultColorId(dataInput.cg_id,selectedDx.val());
}
}
]
});
jQuery('.SelSort').css("display","none");
demo效果
使用以上的功能弄出各种形式,例如:
<div class="pageContent">
<form method="post" onsubmit="return ProductSystem_FindProduct_product_tagfilter(this);">
<div class="pageFormContent" style="" layoutH="62">
<dl nowap>
<dt><?php echo __("标签类别")?>: </dt>
<dd>
<?php
Core_AppUtils::html_control('DropdownList','ProductSystem_FindProduct_product_tag_catalogs',array(
'items'=>array_flip(array(0 => '请选择标签类别') + $tag_catalogs),
'onchange' => 'ProductSystem_FindProduct_product_tagfilter_partily(this.value)',
));
?>
</dd>
</dl>
<fieldset style="clear: both;display: none;" id="psfp_tagfilter_partily_view">
<div style="padding-bottom: 10px"></div>
</fieldset>
<fieldset style="clear: both;">
<legend>已选择的标签</legend>
<div style="padding-bottom: 10px" id="psfp_tagfilter_selected_view">
</div>
</fieldset>
</div>
<div class="formBar">
<div class="buttonActive">
<div class="buttonContent"><button type="submit"><?php echo __("完成筛选")?></button></div>
</div>
</div>
</form>
</div>
<script>
var psfp_tagfilter_json_taglist= <?=empty($json_taglist) ? '{}' : $json_taglist?>;
var psfp_tagfilter_tags = <?=json_encode($tags) ?>;
var psfp_tagfilter_tag_catalogs = <?=json_encode($tag_catalogs) ?>;
var psfp_tagfilter_tag_catalogs_detail = <?=json_encode($tag_catalogs_detail) ?>;
var psfp_tagfilter_selected_cuurent_cid = 0;
psfp_tagfilter_selected_view_rendor();
function psfp_tagfilter_selected_view_rendor(){
var dd = [];
jQuery.each(psfp_tagfilter_json_taglist,function(cid,scitems){
if (scitems.length > 0){
for (var i=0; i < scitems.length; i++){
var tag_id = scitems[i];
if (!psfp_tagfilter_tags[tag_id]) continue;
var dt = [
'<span>',
'<input type="checkbox" class="psfp_tagfilter_selected_tagitem" name="psfp_tagfilter_selected_tagitems[]" value="'
+ tag_id + '" cid="' + cid + '" checked="checked">',
' ',psfp_tagfilter_tags[tag_id],
'</span>'
];
dd[dd.length] = dt.join('');
}
}
});
$('#psfp_tagfilter_selected_view').html(dd.join(' '));
// 绑定复选框事件
$('input.psfp_tagfilter_selected_tagitem:checkbox','#psfp_tagfilter_selected_view').unbind('click').bind('click',function(){
// console.log($(this).val(),$(this).attr('cid'));
// 重新绑定对应的大分类下的标签集合
var ddd = psfp_tagfilter_json_taglist[$(this).attr('cid')];
if (ddd && ddd.length > 0){
var ddd_new = [];
for (var ji=0; ji < ddd.length; ji++){
if (ddd[ji] == $(this).val()) continue;
ddd_new[ddd_new.length] = ddd[ji];
}
psfp_tagfilter_json_taglist[$(this).attr('cid')] = ddd_new;
if (ddd_new.length > 0 && $(this).attr('cid') == psfp_tagfilter_selected_cuurent_cid){
// 重新渲染 select框
ProductSystem_FindProduct_product_tagfilter_partily($(this).attr('cid'));
}
}
psfp_tagfilter_selected_view_rendor();
});
}
function ProductSystem_FindProduct_product_tagfilter(frm){
$.pdialog.closeCurrent();
var vdata = {};
jQuery.each(psfp_tagfilter_json_taglist,function(cid,selected_items){
if (selected_items.length > 0){
vdata[cid] = selected_items;
}
});
$('#json_taglist','#kscon-from-psfp-querylist').val($.toJSON(vdata));
return false;
}
function ProductSystem_FindProduct_product_tagfilter_partily(cid){
psfp_tagfilter_selected_cuurent_cid = cid;
var sltid = 'psfp_tagfilter_partily_view_select';
var partily_view_obj = $('#psfp_tagfilter_partily_view');
partily_view_obj.show();
if (jQuery('#' + sltid,partily_view_obj).size() < 1){
partily_view_obj.append('<select id="'+ sltid + '" multiple="multiple" name="'+ sltid +'[]"></select>');
}
var sltobj = jQuery('#' + sltid,partily_view_obj);
// 清空原始的子节点
sltobj.multiselect2side('destroy');
sltobj.empty();
if ( !psfp_tagfilter_tag_catalogs[cid] ) {
partily_view_obj.hide();
return;
}
var items = psfp_tagfilter_tag_catalogs_detail[cid];
var selected_items = psfp_tagfilter_json_taglist[cid];
// 渲染selector
var sltdom = sltobj.get(0);
for (var i=0; i < items.length; i++){
var tag_id = items[i]['id'];
if (!psfp_tagfilter_tags[tag_id]) continue;
sltdom.options[i] = new Option(psfp_tagfilter_tags[tag_id],tag_id);
if (selected_items && selected_items.length > 0){
for(var ja=0;ja<selected_items.length;ja++){
if (selected_items[ja] == tag_id){
sltdom.options[i].selected = true;
break;
}
}
}
}
jQuery('option:contains("kendelete-")',sltobj).each(function(){
jQuery(this).text(jQuery(this).text().replace('kendelete-','')).css({color: 'gray','text-decoration': 'line-through'});
});
sltobj.multiselect2side({
selectedPosition: 'right',
search: "搜索: ",
labeldx: '本色族拥有的颜色',
labelTop: '居顶',
labelBottom: '居底',
labelUp: '上',
labelDown: '下',
labelSort: '排序',
rightSel_after_remove: function(leftSel,rightSel){
// rgt->lft:
//console.log(cid,'rgt->lft');
var tt = [];
rightSel.find('option').each(function(){
tt[tt.length] = jQuery(this).val();
});
psfp_tagfilter_json_taglist[cid] = tt.length < 1 ? null : tt;
psfp_tagfilter_selected_view_rendor();
},
leftSel_after_remove: function(leftSel,rightSel){
// lft->rgt:
//console.log(cid,'lft->rgt');
var tt = [];
rightSel.find('option').each(function(){
tt[tt.length] = jQuery(this).val();
});
psfp_tagfilter_json_taglist[cid] = tt.length < 1 ? null : tt;
psfp_tagfilter_selected_view_rendor();
},
});
$('.SelSort').css("display","none");
}
</script>
相关推荐
使用`Multiselect2Side`插件非常简单，只需要对目标多选框元素应用`multiselect2side`类，并调用jQuery的`.multiselect2side()`方法： ```html <select multiple class="multiselect2side"> ...
# 基于C语言的SmartPlugModbus固件项目 ## 项目简介 该项目是一个基于C语言的固件项目，旨在实现一个支持Modbus RTU通信协议的智能设备固件。该固件被设计为与SmartPlugModbus设备配合使用，用于控制和管理多个电源插座，提供过流、欠流、过压、欠压和过热保护，同时监控插座状态和电压、电流等参数。 ## 项目的主要特性和功能 1. Modbus RTU通信协议支持固件实现了Modbus RTU通信协议，允许通过Modbus协议与设备进行通信，包括读取和写入设备参数、状态和控制命令。 2. 多插座控制固件支持控制多个电源插座，包括开启、关闭、查询状态等。 3. 保护功能设备提供过流、欠流、过压、欠压和过热保护，防止设备损坏和安全事故。 4. 参数配置通过Modbus协议，用户可以配置设备的保护参数，如电流、电压限制等。
【项目资源】： 单片机项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
# 基于嵌入式系统的StackAttack游戏项目 ## 项目简介 StackAttack是一个基于嵌入式系统的游戏项目，设计用于SPI TFT彩色液晶显示面板上运行。游戏的核心玩法是操控一个名为“Claw”（爪子）的游戏角色，在由格子组成的地图上移动并抓取箱子。玩家通过操纵杆控制游戏角色，成功抓取并移动箱子到目标位置后得分。游戏地图由二维数组表示，每个格子代表一个位置。当玩家成功将所有箱子移动到目标行时，游戏结束。 ## 项目的主要特性和功能 1. 游戏角色控制玩家通过操纵杆控制Claw（爪子）角色移动。 2. 地图和箱子管理游戏地图由二维数组表示，每个格子代表一个位置。箱子在游戏地图上的位置由数组中的值表示。 3. 游戏逻辑包括角色的移动、箱子的抓取和移动、得分计算等。 4. 图形显示使用SPITFTILI9341图形库控制SPI TFT显示屏，实现游戏的图形输出。 5. 暂停功能游戏支持暂停功能，方便玩家随时暂停游戏。
内容概要：本文档提供了基于STM32、OpenCV和卷积神经网络的车牌识别系统的完整代码示例。系统通过摄像头捕捉视频流，利用OpenCV进行图像处理（如灰度化、二值化、轮廓检测等）以定位车牌区域，并使用预训练的ONNX模型对车牌字符进行识别。之后，系统将识别到的车牌号与预先存储在CSV文件中的居民车牌数据库进行匹配，以判断车辆是否为小区居民所有，从而实现对外来车辆的收费管理。; 适合人群：对嵌入式系统开发、计算机视觉和深度学习感兴趣的开发者，尤其是有一定C++编程基础和技术背景的研究人员或工程师。; 使用场景及目标：①适用于社区、停车场等场所的车辆管理；②帮助开发者理解车牌识别的基本流程，包括图像预处理、车牌定位、字符识别以及与数据库的交互；③提供一个可扩展的基础框架，便于后续优化和功能增加。; 阅读建议：读者应确保具备基本的OpenCV库使用经验和C++编程能力。在学习过程中，建议同时参考相关文献资料，深入理解每个步骤背后的原理，并尝试调整参数或替换模型以提高识别精度。此外，还需准备相应的硬件设备（如摄像头）和软件环境（如安装OpenCV库），以便实际运行代码并观察效果。
efwfw
内容概要：本文详细介绍了利用西门子S7-200 PLC和MCGS组态软件构建智能交通灯控制系统的方法。首先阐述了系统的硬件配置，包括PLC的选择、IO分配、光电开关的应用等。接着深入探讨了梯形图编程的核心逻辑，如定时器嵌套、车流判断、紧急模式处理等。同时，还讲解了MCGS组态界面的设计要点，如动态指示灯、车流统计曲线、急停按钮等功能的实现。此外，文中分享了一些调试经验和优化技巧，如信号隔离、通信参数设置、夜间模式优化等。 适合人群：对PLC编程和工业自动化感兴趣的工程技术人员、高校相关专业学生。 使用场景及目标：适用于城市交通管理部门进行智能交通灯系统的规划与实施，旨在提高交通效率，减少拥堵。通过学习本文，读者能够掌握PLC编程的基本方法和MCGS组态软件的使用技巧。 其他说明：文中提供了详细的接线图、梯形图代码片段和组态界面截图，便于读者理解和实践。同时，作者还分享了许多实际操作中的注意事项和经验教训，有助于初学者少走弯路。
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
摘 要 面对信息时代的机遇与挑战，利用高科技手段来提高企业的管理水平无疑是一条行之有效的途径。利用计算机管理可以最大限度的发挥准确、快捷、高效等作用, 在越来越激烈的珠宝行业中，计算机管理技术对珠宝首饰公司的服务管理提供强有力的支持。因此，利用全新的计算机网络和珠宝首饰管理系统，已成为提高珠宝首饰公司的管理效率，改进服务水准的重要手段之一。本系统应用Visual Basic 6.0 中文版开发前台，用Microsoft Access 作后台服务器，采用客户机/服务器（C/S）管理思想来对珠宝首饰进销存管理。 关键词：管理水平， 管理效率，服务水准，珠宝首饰管理系统，客户机/服务器，管理思想
稀疏分解方法在信号去噪中的应用研究_内含源码数据论文.zip
本书由吉姆·诺埃尔和大卫·多蒂奇编辑，旨在探讨领导力发展领域的最新趋势和实践。书中不仅提供了领导力发展领域的历史回顾，还挑战了组织对领导力发展的战略视角，详细介绍了如何培养全球领导者，并提供了关于领导力发展方法、策略和系统、高潜力人才发展、高层管理参与、有效学习方法以及领导力指标等方面的深入案例研究和理论分析。此外，书中还探讨了创新的领导力发展方法，并对未来的发展趋势进行了展望。
一种基于 QR 二维码的彩色二维码编码译码设计及其软件实现.zip
【项目资源】： 单片机项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
【项目资源】： 物联网项目适用于从基础到高级的各种项目，特别是在性能要求较高的场景中，比如操作系统开发、嵌入式编程和底层系统编程。如果您是初学者，可以从简单的控制台程序开始练习；如果是进阶开发者，可以尝试涉及硬件或网络的项目。 【项目质量】： 所有源码都经过严格测试，可以直接运行。 功能在确认正常工作后才上传。 【适用人群】： 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】： 项目具有较高的学习借鉴价值，也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】： 有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。 鼓励下载和使用，并欢迎大家互相学习，共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。
内容概要：本文详细介绍了使用COMSOL Multiphysics的弱形式接口对三维光子晶体进行数值模拟的方法和技巧。文章通过具体的代码示例，解释了如何构建光子晶体的介电常数分布、设置弱形式PDE、处理电磁场切向连续性、应用Floquet周期边界条件以及特征值求解等关键步骤。特别强调了弱形式接口相比传统物理场接口的优势，如灵活性和对复杂边界的处理能力。文中还分享了一些实用的经验和注意事项，如布洛赫边界条件的实现、特征值求解器参数的优化配置以及网格划分的技巧。 适合人群：具备一定电磁学和数值模拟基础的研究人员或工程师，尤其是对光子晶体仿真感兴趣的读者。 使用场景及目标：①理解并掌握COMSOL弱形式接口在光子晶体仿真中的应用；②学习如何通过弱形式设置处理复杂的电磁场问题；③提高对光子晶体能带结构和带隙特性的认识；④掌握特征值求解和网格划分的最佳实践。 阅读建议：由于本文涉及较多的具体代码和物理概念，建议读者在阅读过程中结合COMSOL软件进行实际操作，同时查阅相关电磁理论书籍以加深理解。此外，对于文中提到的一些具体参数设置和技巧，可以通过尝试不同的配置来巩固所学知识。
内容概要：PT5000汽轮机滑动轴承系统模拟试验台是一个类似于电厂汽轮机发电机的缩小模型，旨在帮助用户获取汽轮机转子动态行为和滑动轴承油膜现象的实际经验，并研究振动控制方法。该试验台模拟两级涡轮机（低压和中压），每级转子两侧各有8个叶片，共计16个叶片。通过电机驱动而非涡轮发电机，可以进行启停机测试，识别共振现象。试验台还支持多种实验，如不平衡/现场动平衡、轴不对中实验、摩擦实验、油膜故障试验、轴颈轴承实验以及根据油压和温度进行的转子动力学试验。试验台配备了多种传感器和控制系统，包括电涡流传感器、温度传感器、压力传感器等，用于监测和记录实验数据。 适合人群：从事汽轮机设计、制造、维护的技术人员，以及相关专业的高校师生和研究人员。 使用场景及目标：①研究汽轮机转子的动态行为和滑动轴承的油膜现象；②进行振动控制方法的研究；③模拟再现油膜涡动转和油膜震荡，研究其控制条件；④进行不平衡、不对中、摩擦等常见故障的模拟和分析；⑤通过调整油压、温度和预加载力，研究轴的行为变化。 其他说明：该试验台不仅适用于教学和科研，还可用于工业领域的培训和技术验证。试验台具有丰富的配置和可选配件，可以根据具体需求进行定制。试验台的机械和电气参数详细列出，确保用户能够全面了解设备性能。
电影类型知识图谱构建，包含相关数据集
# 基于C++的Minimal BASIC解释器 ## 项目简介 本项目是一个C++实现的Minimal BASIC解释器。该解释器能够解释并执行一些基本的BASIC语言命令，如赋值、打印、输入、条件跳转等。用户可以通过命令行交互地输入命令，或者编写一个按行数升序依次运行的大程序。 ## 项目的主要特性和功能 1. 解释执行能够解释并执行简单的BASIC语言命令。 2. 变量定义与赋值支持定义变量并为其赋值。 3. 打印输出支持将表达式的值打印到控制台。 4. 输入支持从用户获取输入值并赋值给变量。 5. 条件跳转支持基于条件的跳转语句。 6. 注释支持注释语句，使程序更加易读。 ## 安装使用步骤 1. 准备环境确保你的开发环境已经安装了C++编译器，如GCC。 3. 编译使用CMake工具编译源代码。 4. 运行编译成功后，运行可执行文件，即可与解释器交互。 ## 注意事项