您现在的位置是:网站首页> 内容页

bootstrap相关组件中的一些问题及解决方案

  • dhy大红鹰官方网站
  • 2019-04-21
  • 135人已阅读
简介bootstrapValidator动态加载数据的下拉框必填验证失效有那种数据是动态获取的下拉列表类似的,如select,两处要修改,一处是:excluded:[":disabled

bootstrapValidator动态加载数据的下拉框必填验证失效

有那种数据是动态获取的下拉列表类似的,如select,

两处要修改,一处是:excluded: [":disabled"]

$("form").bootstrapValidator({ message: "This value is not valid" feedbackIcons: { valid: "glyphicon glyphicon-ok" invalid: "glyphicon glyphicon-remove" validating: "glyphicon glyphicon-refresh" } excluded: [":disabled"]

另一处是在字段上添加触发条件:trigger: "change"

ORG_CODE: { trigger: "change" validators: { notEmpty: { message: "所属项目不能为空" } } }

对于隐藏字段赋值后,没有触发验证的问题,可以在后面添加change()方法,如下:

$("#" + _equipmentTree.setting.name).val(sid.trim("")).change()

bootstrap-select组件搜索无效

组件初始化代码:$("#BuildList").selectpicker({})

当select中的数据是动态加载的时候,当数据加载完之后要记得添加如下代码:

$("#BuildList").selectpicker("refresh")

 jQuery判断checkbox是否选中的方法

方法一:if ($("#checkbox-id").get(0).checked) { // do something}方法二:if($("#checkbox-id").is(":checked")) { // do something}方法三:if ($("#checkbox-id").attr("checked")) { // do something}

ztree全选反选

var zTree = $.fn.zTree.getZTreeObj("zt_EQUIPMENT_IDs") zTree.checkAllNodes(isChecked)

isChecked为true是全选,false为反选。

使用jquery控制div的显示与隐藏

使用jquery控制div的显示与隐藏,一句话就能搞定,例如:

1.$("#id").show()表示为display:block,

   $("#id").hide()表示为display:none

2.$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,则切换为可见的。

3.$("#id").css("display""none")//隐藏

   $("#id").css("display""block")//显示

   或者

   $("#id")[0].style.display="none"

  display=none 控制对象的隐藏  display=block控制对象的显示

4.$("#id").css("visibility""hidden")//元素隐藏

   $("#id").css("visibility""visible")//元素显示

CSS visibility 属性规定元素是否可见。visible 元素可见。 hidden 元素不可见。 collapse 在表格元素中使用时,此值可删除一行或一列,但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。 inherit 从父元素继承 visibility 属性的值。

bootstrap表头缩在一起

当bootstrap用在tab中或者是用在remote加载的一个新界面中的时候,有时候会出现表头自动缩在一起的问题。例如:

调用代码如下:

$("#defaultModal").modal({ show: true backdrop: "static" remote: obj.detailUrl + "?equipid=" + encodeURIComponent(equipid) + "&&no=" + billNo + "&&state=" + state + "&&MenuId=" + $("#hidfMenuId").val() })

解决方式,添加如下代码:

$("#defaultModal").on("shown.bs.modal" function () { $.fn.dataTable.tables({ visible: true api: true }).columns.adjust() })

虽然解决了表头缩在一起的问题,但是还会存在表头闪一下的问题,这是因为在自动计算表头的宽高。

取不到input的value值

 有时候,我们会发现html中value中命名有值了,但是通过js获取不到的情况。如:通过ajax动态加载的界面。

解决方式:

为text添加onchange事件

<input id="txtCode" type="text" class="form-control input-inline" onchange="changeValue(this)">

js代码如下:

var _txtCode function changeValue(obj) { $(obj).attr("value" $(obj).val()) _txtCode = $(obj).val() }

..................

  最近一个月,恍若隔世,天天加班,昨晚终于发版了,今天才喘一口气。有时候,即便你工作效率再怎么高,撸码再怎么快也无可避免的会加班。不信的话,可以先给你定一个交付时间,然后不断的给你加需求,就让你一个人做,偶尔再给你来几下变更,看你怎么死?本来做项目,需求、资源、时间就是一个铁三角,一旦你强行要打破这个平衡,那么注定就是杯具了.........而在天朝,很多时候,是需求还没定,先给你定时间,然后资源基本上也是定的,又不愿在需求上做减法,甚至还做加法,结果就呵呵了......领导层只看结果,不管你过程,那么程序员面对这样的情形,也有自己的反抗方式:我偷工减料还不行么?可是出来混,总是要还的,然后就是一个恶性循环...........

  刘德华的《练习》可以形容我本月的状态:“我已开始加班,开始天天加班,人快猝死在电脑旁,试着删除数据库再跑路,那些曾经准点下班的美好和回忆.....”。

  用《圆月弯刀》的话说:“有些人,纵然天天撸码,也永远无法成为码中之神........”。

  感觉全栈程序员的杯具就是项目全是你一个人做!美工、前端、接口、数据库、移动app、部署、运维、售后........

文章评论

Top