zoukankan      html  css  js  c++  java
  • bootstrap-table 选择行,并且获得选中行的所有数据内容

    html代码如下:

    <table
    id="table"
    data-toggle="table"

    th:attr="data-url=@{/view/vdata(view=${table_name})}"
    data-pagination="true"
    data-toolbar="#toolbar"
    data-side-pagination="server"
    data-search="false"
    data-data-field="list"
    data-id-field="id"
    data-show-footer="false"
    data-page-size="10"
    data-page-number="1"
    data-show-refresh="true"
    data-show-toggle="false"
    data-height="500"

    >
    <thead>
    <tr>
    <th th:each="st,data:${st2}" th:attr="data-field=${st.lieming}" th:text="${st.asname}" >断面名称</th>

    </tr>

    </thead>
    </table>

    js如下:

    $("#table").on("click-row.bs.table",function(e,row,ele){
    $(".danger").removeClass("danger");
    $(ele).addClass("danger");
    });

    /*获取选中行对象*/
    function getContent(){
    var index = $("#table").find("tr.danger").data("index");
    var list = $("#table").bootstrapTable('getData')[index];
    if(list==null){
    alert("请选中一行");
    return false;
    }else{
    $("#modal3").attr({"data-target":"#myModal3"});
    }
    $("#dataForm3 input[type='text']").each(function(){
    $(this).val(list[$(this).attr("name")] ? list[$(this).attr("name")] : "");
    });
    }

    参考:http://www.jb51.net/article/89573.htm

  • 相关阅读:
    JS实现 div拖拽 限制在屏幕内
    国际化配置simple_form
    simple_form模板templates erb haml
    git rolify
    rails模板生成bootstrap格式的simple_form的erb文件
    rails生成器生成自定义controller模板
    ubuntu 终端常用命令(转)
    Ruby for Rails笔记
    Java基础
    javascript ybmiaov
  • 原文地址:https://www.cnblogs.com/flywang/p/6823505.html
Copyright © 2011-2022 走看看