`

[公司内部总结]事件绑定

 
阅读更多

1,点击小×,文本框内容清空,并且[校验]按钮置灰

 实现代码:

$partnerCode.inputclean({
        inputClearClass: 'inputClearBtn',
        deviationTop: 0,
        parentHoverClass: 'inputParentLi',
        clickCallback: function (e) {
            checkPartnerTrigger();
        }
    });

 clickCallback表示点击小×时触发的事件回调方法

 

创建企业时也增加该效果:

 $orgFullName.inputclean({
        deviationTop: 3,
        clickCallback: function (e) {
            $createOrgBtn.removeClass('enable');
        }
    });

 

 

2,成功创建企业时,让原来的企业取消选中

/***
 * 取消选中企业
 */
var unSelectAllRadio = function () {
    var $choice_box = $('#orgListDiv li.selected');
    $choice_box.removeClass('selected').addClass('default');
};

 新增的企业默认选中:

var html = '<ul class="company-list com-enable" data-orgid="' + json2.orgId + '" >' +
                    '<li class="choice-box selected"></li>' +
                    '<li class="company-name"><span>' + orgFullName_val + '</span></li>' +
                    '<li class="company-state"><span>未购买</span></li>' +
                    '</ul>';

 

 

3,查询服务商的结果校验

console.log(json2);
            var $partnerFullName = $('#partnerFullName');
            var $partnerError=$('#partnerError');
            if (json2.value) {
                window.partnerFullName = json2.value.orgFullName;
                window.partnerId = json2.value.partnerId;

                $partnerFullName.text('服务商:' + partnerFullName);
                $partnerError.text('');
                //$partnerFullName.removeClass('warning');
            } else {
                $partnerFullName.text('');
                $partnerError.text(error_message_partner_not_found);
                if (!$partnerError.hasClass('warning')) {
                    $partnerError.addClass('warning');
                }
            }

 

4,添加发票时默认选中第一个

 

 <script id="invoiceListDot" type="text/x-dot-template">
                {{? it.invoiceInfoDtos}}
                {{ for(var prop=0;prop
                <it.invoiceInfoDtos.length
                        ; prop++){ }}
                        {{? it.invoiceInfoDtos[prop]}}
                <div class="{{ if(prop==0 && it.create==true){}}invoice-infor {{ }else {}}no-invoice{{ }}}"
                     data-index="{{= prop }}">
                    <span class="no-ivoice-icon"></span>
                    <span>普通发票</span>
                    <span class="ivo-margin">{{= it.invoiceInfoDtos[prop].content }}</span>
                    <span class="ivo-margin">{{= it.invoiceInfoDtos[prop].title }}</span>
                    <span class="ivo-margin">{{= it.invoiceInfoDtos[prop].address }}</span>
                    <span class="ivo-margin">{{= it.invoiceInfoDtos[prop].receiver }}</span>
                    <span class="ivo-margin">{{= it.invoiceInfoDtos[prop].phone }}</span>
                </div>
                {{?}}
                {{ } }}
                {{?}}
            </script>

 

5,动态计算预计到期时间

 

 var d = new Date();
        d.setFullYear(Number(d.getFullYear()) + 1);
        productPrice.endTime = d.format('yyyy-MM-dd HH:mm:ss');//'预计到期时间' 是js动态生成的,会根据 default_userPeriod变化

 

  • 大小: 7.3 KB
分享到:
评论

相关推荐

    jquer事件绑定

    ### jquer事件绑定 在前端开发领域,jQuery作为一款优秀的JavaScript库,极大地方便了开发者进行DOM操作、AJAX交互以及事件处理等操作。本文将详细介绍如何使用jQuery进行事件绑定,特别是通过`bind()`方法来实现...

    DataBinding Demo 事件绑定

    通过在XML中直接绑定事件,可以减少代码量,提高可读性,同时让事件处理逻辑更容易测试和复用。结合Lambda表达式和ViewModel,事件绑定可以让Android开发变得更加优雅。 在项目`DataBindingTest`中,你可以找到相关...

    JavaScript给每一个li节点绑定点击事件的实现方法

    其次,使用for循环遍历集合中的每一个节点,并为它们分别绑定事件。第三,利用`this`关键字在事件处理函数中引用触发事件的节点。最后,通过闭包(IIFE)解决循环中变量共享问题,实现为每个节点绑定带有不同参数的...

    C# 事件绑定防止多次响应

    本文将深入探讨如何在C#中正确地绑定事件,以防止多次响应。 首先,我们需要理解C#中的事件和事件处理程序。事件是类的私有成员,只能由该类本身或其内部成员访问。而事件处理程序是响应事件的函数,通常在类的外部...

    jquery绑定原理 简单解析与实现代码分享

    这里我们将深入解析jQuery绑定事件的原理,并通过示例代码来理解其工作方式。 首先,jQuery中的`data`方法用于在DOM元素上存储和检索数据。它通过一个唯一的标识符(uuid)来关联数据,这个标识符是通过`now`函数...

    jQuery事件绑定与解除绑定实现方法

    在这个匿名函数内部,我们看到`jQuery("div")`选择所有的`&lt;div&gt;`元素,然后使用`bind`方法将一个点击事件处理器绑定到它们: ```javascript jQuery("div").bind('click', function() { ... }); ``` 当用户点击...

    关于JavaScript中事件绑定的方法总结

    在JavaScript代码中,我们可以通过获取DOM元素并设置其事件属性来绑定事件。例如: ```html 点我呦" id="demo"/&gt; document.getElementById("demo").onclick = function testAlert() { alert("hello world!")...

    微信小程序 动态绑定事件并实现事件修改样式

    总结来说,微信小程序中动态绑定事件并根据事件修改样式的关键在于WXML的`bind`指令和JS中的数据模型绑定。通过这样的方式,开发者可以轻松地为每个组件创建个性化的事件处理函数,并根据事件状态动态调整组件的样式...

    jQuery实现按钮只点击一次后就取消点击事件绑定的方法

    总结一下,本文介绍了如何使用jQuery实现一个按钮在第一次点击后自动取消其点击事件的绑定。这个技术实现简单且实用,可以有效地帮助开发者解决在Web开发过程中可能遇到的重复事件触发的问题。同时,我们也介绍了...

    jquery绑定事件不生效的解决方法

    总结来说,jQuery在元素上绑定事件时,必须确保元素已经存在于DOM中。如果事件绑定在DOM元素创建之前执行,就会导致事件无法绑定。通过使用DOM就绪事件或调整脚本加载顺序,可以确保在正确的时间执行事件绑定,从而...

    js事件监听机制(事件捕获)总结

    为解决这一问题,可以在全局函数中将事件对象作为参数传递,这样就可以在函数内部通过事件对象访问触发事件的元素。 使用addEventListener方法为元素添加事件监听是推荐的方式,因为它允许为同一个元素的同一个事件...

    依赖属性实现绑定

    依赖属性是WPF中的一个特殊属性类型,它通过框架内部的机制支持改变通知、动画、数据绑定、样式触发器等功能。相比于普通的CLR属性,依赖属性提供了更高效的性能和更多的附加功能。创建依赖属性通常需要通过`...

    JS的事件绑定深入认识

    总结来说,JS的事件绑定涉及的不仅仅是给元素添加一个事件监听器那么简单。它需要我们深入理解浏览器间的差异、事件传播机制、作用域的绑定以及内存管理等知识。通过深入认识事件绑定的工作原理,我们可以编写出更加...

    Wcf Tcp绑定测试代码

    总结来说,WCF的TCP绑定是高性能、高可靠性的服务通信方式,适用于内部企业级应用或者对数据传输要求严格的服务。通过理解TCP绑定的工作原理和配置,以及通过“TcpBindingTest”这样的实例实践,开发者可以更好地...

    jquery事件绑定解绑机制源码解析

    总结JQuery的事件绑定和解绑机制是其强大功能的核心部分。通过深入理解这一机制,我们可以更好地利用JQuery来构建交互丰富的Web应用。 首先,JQuery的事件绑定使用`on`方法,它接收事件类型、选择器、数据和回调...

    jQuery简单绑定单个事件的方法示例

    首先,要了解如何在jQuery中绑定事件,最常见的方法是使用`.bind()`方法。该方法可以将一个或多个事件处理程序附加到选择器匹配的元素上。具体来说,`.bind()`方法接受两个参数:第一个是事件名称,第二个是一个函数...

    取得U盘的序列号码,可以绑定用

    此外,软件绑定U盘后,用户更换U盘时可能会带来不便,因此这种策略通常用于特定场合,例如企业内部的软件分发或授权控制。 总结起来,这个项目涉及了C++(或VB.NET)编程、Windows API调用、U盘硬件特性的理解以及...

    在layui下对元素进行事件绑定的实例

    Layui推荐使用`layui.form`的内置事件,但有时也需要对特定元素手动绑定事件。这里使用了jQuery的`$(document).on()`方法进行事件监听: ```javascript $(document).on('click', '#edit', function(data) { var id...

    jquery单选框radio绑定click事件实现方法

    总结一下,jQuery中实现单选框radio绑定click事件的方法是: 1. 引入jQuery库,如`”text/javascript” src=”jquery-1.8.2.min.js”&gt;&lt;/script&gt;`。 2. 使用文档就绪函数包裹代码,确保在DOM加载完成后执行,`$...

Global site tag (gtag.js) - Google Analytics