Avalonjs双向数据绑定与监听的实例代码
46 浏览量
2020-12-29
16:41:12
上传
评论
收藏 69KB PDF 举报
Avalonjs双向数据绑定与监听的实例代码双向数据绑定与监听的实例代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<div class="content_table" ms-controller="checkname">
<table>
<thead>
<tr>
<th width="15%">提交核名</th>
<th width="85%">请提供您打算使用的3个公司名称，我们将帮您注册并向登记机关提交您的核名信息。</th>
</tr>
</thead>
<tbody >
<tr>
<td colspan="2">
<p class="or">看我的公司名是否已被占用</p>
<a class="refer">立即查询</a>
</td>
</tr>
<tr>
<td colspan="2">
<p class="matter">
<label>
<span>行政区域：</span>
<select name="" id="selArea" class="select_t" :duplex="@AdministrativeRegions">
<option value="天津市">天津市</option>
</select>
</label>
</p>
<form action="" id="c_name">
<p class="matter">
<label>
<span>字号：</span>
<input class="thing thing_nn" type="text" placeholder="云信" name='c_name' ms-duplex="@FiledOne"><br>
<input class="thing thing_nn thing_add" type="text" name='s_name' placeholder="请输入第二个公司名称" ms-duplex="@FiledTwo"><br>
<input class="thing thing_nn thing_add" type="text" name='t_name' placeholder="请输入第三个公司名称" ms-duplex="@FiledThree">
<p class="err_tips"></p>
<h4 style="font-weight: 300;width: 80%;margin: 0 0 20px 65px;"><em>提示：</em>1.企业名称=行政区域+字号+行业特点+公司类型，如北京云信科技有
限公司，字号则为云信；2.字号由两个以上的汉字组成，不可输入外国文字、汉语拼音、阿拉伯数字；</h4>
</label>
</p>
</form>
<p class="matter">
<label>
<span>行业特点：</span>
<select ms-duplex="@firstSelected" class="select_t thing" id="trade_a">
<option ms-for="el in @first" ms-attr="{value:el}" >{{el}}</option>
</select>
<select class="select_t thing" id="trade_b" :duplex="@secondSelected">
<option ms-for="el in @second" ms-attr="{value:el}" >{{el}}</option>
</select>
</label>
</p>
<p class="matter">
<label>
<span>公司类型：</span>
<a style="display: inline-block;">{{@TypeOfCompany}}</a>
</label>
</p>
<div class="text_t">根据您输入的信息生成的名称如下（请选择您中意的3个名称）：</div>
<div class="three_select">
<label><input type="checkbox" name="apk[]" value="1">{{@AdministrativeRegions + @FiledOne + @secondSelected + @TypeOfCompany}}</label>
<label><input type="checkbox" name="apk[]" value="2">{{@FiledOne }} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}
</label>
<label><input type="checkbox" name="apk[]" value="3">{{@FiledOne + @secondSelected }} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}
</label>
<!--<label><input type="checkbox" name="apk[]" value="10">{{@AdministrativeRegions + @FiledOne + @secondSelected + @TypeOfCompany}}
</label>
<label><input type="checkbox" name="apk[]" value="11">{{@FiledOne }} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}
</label>
<label><input type="checkbox" name="apk[]" value="12">{{@FiledOne + @secondSelected }} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}
</label>-->
<div class="my_comp_f">
<label><input type="checkbox" name="apk[]" value="4">{{@AdministrativeRegions + @FiledTwo + @secondSelected + @TypeOfCompany}}</label>
<label><input type="checkbox" name="apk[]" value="5">{{@FiledTwo}} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}</label>
<label><input type="checkbox" name="apk[]" value="6">{{@FiledTwo + @secondSelected}} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}</label>
</div>
<div class="my_comp_t">
资源评论
