下拉框

通过触发绑定切换下拉框的数据 —————————————————————————————————————— 开发工具与关键技术：Visual Studio 2015 C# 作者：林敏静 撰写时间：2019年8月3日 —————————————————————————————————————— 下拉框大家接触过不少，这里呢就是给大家讲一个下拉B框里有两个表的数据，通过另一个下拉框A的数据绑定触发这个下拉框B的数据绑定，也就是说通过下拉框A的数据绑定决定下拉框B当前绑定哪张表的数据。 样式和源码这里就不看了，就是平常下拉框给ID的写法，我们来看视图执行下拉框绑定数据的方法，如下图，触发绑定下拉框数据的也跟平常一样。 然而控制器这边写的方法跟平常稍稍有些不一样了，如下图，我在查询的基础上给了一个判断，若果第一个下拉框绑定数据的ID是1，那么就查询销售项目表的数据并且触发绑定，若果ID是2，就查询租赁项目表的数据且触发绑定。 我们来到页面上看下实现的效果，如下图，当项目类别下拉框选中销售项目即ID=1，所属项目下拉框触发查询绑定的就是销售项目表里的数据。 同理，当项目类别下拉框选中租赁项目即ID=2，所属项目下拉框触发查询绑定的就是租赁项目表里的数据。 那么本篇学习文章就分享到这里了，若有不足之处，还望请多多指教！ 来源： https://blog.csdn.net/qq_44544363

如下图的下拉框所示，这个下拉框是由两个表组成的，后面两个（购）的值和上面的是完全出自不同的表，再者它们没有直接的关联，只是两个表各有一个主键ID放在主表里面。 一、 组合 1、 那么先从控制器共同查询出两个表的值，注意这里一定要用List接收，再把两个表查出来的值都给到同一个字段，后面再用AddRange的方法把两个表连接起来 public ActionResult ClassicsBox() { List<Select> liser = (from tbUser in myModel.PW_User select new Select { id =tbUser.UserID, text =tbUser.Name, }).ToList(); List<Select> Trade = (from tbLead in myModel.SYS_LeadShopping select new Select { id =tbLead.LeadShoppingID, text =tbLead.LeadShopping+"("+"购"+")", }).ToList(); liser.AddRange(Trade);//组合 return Json(liser, JsonRequestBehavior.AllowGet); } 三、JS 1、视图绑定下拉框用下面封装好的方法

一、 回填时的控制器，根据主表的id查询时，查这两个表一定要用左连接的方式联表，因为两个字段的值是有空值的，下面的字段就相应地查出下拉框的两个id和名称就行，当然想要区分两个值的也可以在后面拼接上标识。 AmendIndent RevampIndentde = (from tbSellI in myModel.PW_Sell join tbUse in myModel.PW_User on tbSellI.UserID equals tbUse.UserID into dd from tbUse in dd.DefaultIfEmpty() join LeadS in myModel.SYS_LeadShopping on tbSellI.LeadShoppingID equals LeadS.LeadShoppingID into dde from LeadS in dde.DefaultIfEmpty() where tbSellI.SellID == sellID select new AmendIndent { UserID = tbSellI.UserID,//用户 Name =tbUse.Name, LeadShoppingID =LeadS.LeadShoppingID, LeadShopping =LeadS.LeadShopping + "(" + "购" + "

1.需求分析 2.异步加载下拉框 //异步加载下拉框 function initData ( ) { //在图片上传位置显示一个图片 $ ( "#img1" ) [ 0 ] . src = "${pageContext.request.contextPath}/media/images/333.jpg" ; //默认显示一个暂无图片 $ . ajax ( { url : "${pageContext.request.contextPath}/emp_getdepart" , dataType : "json" , type : "post" , success : function ( result ) { //alert(JSON.stringify(result)); for ( var i = 0 ; i < result . length ; i ++ ) { $ ( "#departid" ) . append ( "<option value='" + result [ i ] . id + "'>" + result [ i ] . name + "</option>" ) ; } //form.render('select') 是初始化所有的select 选项 form . render ( "select" ) ; //渲染下拉框*/ } } ) ; } 框 *

示例图如下 样式什么的都不是问题，问题是当我实现select框显示关闭时碰到了问题。那么问题来了。点击上面输入框时显示和隐藏正常。那么点击外面空白区域怎么关闭。我之前用上了我的笨方法，就是给document绑定一个点击事件关闭这个下拉。然后给输入框和下拉框点击事件加个阻止冒泡事件。感觉为了实现这个效果用了这么多代码是在看着不舒服。 后面网上查看了高人的代码。思想是给document绑定一个点击事件，在回调函数返回一个事件对象event。用event.target获取点击事件源。然后判断这个点击事件源是否是这个输入框。如果是，则展开下拉框，否则关闭下拉框。具体代码如下 //下拉复选框 function hsMutileSelect(){ $(document).on('click',function(e){ var $el = $(e.target); var $warp = $el.closest('.check-select'); if(0 < $warp.length){ if($el.hasClass('txt')){ var $dropdown = $warp.find('ul'); if($dropdown.css('display') === "none"){ $dropdown.slideDown(100); }else{ $dropdown.slideUp(100)

采用select2控件，在bootstrap的modal弹框中，会出现下拉框中没有输入框。网上走一圈，基本上解决办法都是2个，但我要说的是： 这2个方法都不是最好的 。 因为官方就有解决方案，而且非常简单 。网上的常用2个解决方案： 1、检查modal模态窗口中的div中是否有tabindex=”-1”，有则删除tabindex=”-1”； 2、在JS文件中全局加上：$.fn.modal.Constructor.prototype.enforceFocus = function () {}; 这2个方法，我都试验了，也没效果。去官网看看。 官网地址贴一下： https://select2.org/dropdown#dropdown-placement 官网说明截图如下： 看到没有？官方说了：当你在模态对话框或者小容器中渲染select2时，这是非常有用的。如果你在bootstrap的modal对话框中使用搜索框时出现麻烦，可以尝试设置dropdownParent选项，去关联一个模态元素。 具体怎么做？ 非常简单，在select下面建一个div，赋值一个id，然后select2在渲染时，设置dropdownParent的值为这个div的id。意思就是说，搜索框渲染时绑定到这个id的div。由于这个div与弹框是在一个层上，所以就能正常显示了。这远远要比删除tabIndex

　　通常我们在做PPT之前都会在网上下载一个PPT模板，但是里面的字体并不是我们想要的，如何将里面的字体替换成想要的字体呢？用格式刷快速刷还是一个个文本去修改呢？有没有简单的方法呢？在演说PPT过程中里面添加了很多动画给人带来的视觉效果不是很好，怎样将里面的动画取消呢？带着这几个问题一起走进今天的课堂！ 　　一．如何一键替换所有字体？ 　　1首先，打开PPT，点击左上角【开始】按钮，在工具栏中找到【替换】，在弹出的下拉框中选择【替换字体】； 　　2.这时，会弹出一个替换字体的对话框，在【替换】下拉框中选择要替换的字体，在【替换为】下拉框中选择要替换后的字体即可； 　　怎么样，上述方法你看明白了吗？除了一键替换PPT文字技巧再教大家一招取消所有动画： 　　二．如何一键取消动画？ 　　1.打开PPT，点击菜单栏中的【幻灯片放映】选项卡，在【设置】工具栏中点击【设置放映方式】； 　　2.这时会弹出一个【设置放映】对话框，在【放映类型】中点击演讲者放映即可； 　　好啦，今天的分享到这里就结束了，以上就是给大家讲解的如何一键替换PPT中的所有字体及取消动画效果，大家都学会了吗？是不是很简单呢？感兴趣的小伙伴动手试试吧，操作过程中遇到不明白的地方可以直接在留言框中留言哦！ 来源： https://blog.51cto.com/14455371/2427350