jquery template 嵌套模版,生成select用于调整排序值

列表模版

<script id="tbTmpl" type="text/x-jquery-tmpl">
        <tr>
            <td>${Id}</td>
            <td>${Name}</td>
            <td>${ParentName}</td>
            <td>
                <select class="move" style="width: auto;" data="${Id}">
                    {{each(i,v) count}}
                    <option value="${i+1}" {{if Rank == i+1}}selected="selected"{{/if}}>${i+1}</option>
                    {{/each}}
                </select>
            </td>
            <td>
                <div class="btn-group">
                    <a href="javascript:;" class="btn btn-small btn-info edit" data="${Id}">修改</a>
                    <a href="javascript:;" class="btn btn-small btn-danger del" data="${Id}">删除</a>
                </div>
            </td>
        </tr>
    </script>

嵌套select option模版

    <script id="optionTmpl" type="text/x-jquery-tmpl">
        <option value="${Id}">${Name}</option>
    </script>

count为返回数据长度,需要定义变量

时间: 2024-10-04 11:32:46

jquery template 嵌套模版,生成select用于调整排序值的相关文章

jquery ajax生成Select

function DropDownList(url, domId, defaultValue) {    /// <summary>    /// ajax生成select    /// </summary>    /// <param name="url">数据请求路径</param>    /// <param name="domId">dom元素id</param>    /// <

MVC批量更新,使用jQuery Template

在"MVC批量更新,可验证并解决集合元素不连续控制器接收不完全的问题"中,当点击"添加"按钮的时候,通过部分视图,在界面上添加新行.本篇体验使用jQuery Template,在界面上添加新行. □ 思路 →引用jQuery Template所需要的js文件:jquery.tmpl.min.js →在<script type="text/x-jquery-tmpl" id="movieTemplate"></

asp.net根据模版生成Word小记

最近遇到一个问题,客户提了一个新的需求,客户想要将显示在网页上的数据导出成Word进行套打,由于之前没有接触过这一块的内容,自己写的系统也没有使用这种功能,现在重头学习. 具体思路: 1.先制作Word模版,使用文本框+书签的方式来设计模版: 2.模版制作完之后,根据模版生成新文件,使用File.Copy方法,生成.doc格式新文件: 3.后台取得数据,参照网页渲染的方式标记数据流,方便之后的写入操作: 4.编辑新文件,根据程序中标记与书签的对应关系,利用类库中的方法来修改书签的内容,最后保存文

jQuery Template的用法

Javascript代码中不要包含HTML: var div = document.getElementById("my-div"); div.innerHTML = "<h3>Error</h3><p>Invalid e-mail address.</p>"; 在Javascript代码中完全隔绝HTML很难,这一点可以根据实际情况来权衡使用.Javascript 模版技术就是一种有效隔离HTML和Javascrip

使用ajax加载数据字典,生成select

//使用ajax加载数据字典,生成select //参数1: 数据字典类型 (dict_type_code) //参数2: 将下啦选放入的标签id //参数3: 生成下拉选时,select标签的name属性值 //参数4: 需要回显时,选中哪个option function loadSelect(typecode,positionId,selectname,selectedId){ //1 创建select对象,将name属性指定 var $select = $("<select name

JQuery下拉控件select的操作汇总

JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码:缙云县外国专家局 1 $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2 var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3 var checkVa

浅谈jquery关于select框的取值和赋值

浅谈jquery关于select框的取值和赋值 jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取

jquery关于select框的取值和赋值

jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取Select选中项的Text var check

Jquery Template

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Jquery Template</title> <!-- 第一步:引入引擎文件 两个: JQUERY库文件,JQUERY TEMPLATE模板引擎--> <script src="/js/jquery.js"></script> <sc