miniui 获取后端传过来的数

最新推荐文章于 2021-11-14 17:15:05 发布

你嘎哈呢

最新推荐文章于 2021-11-14 17:15:05 发布

阅读量1.2k

点赞数

分类专栏：杂七杂八

本文链接：https://blog.csdn.net/lettyisme/article/details/97388544

版权

杂七杂八专栏收录该内容

14 篇文章 0 订阅

订阅专栏

点击searchProduct按钮：

将数load出来

代码：


<html>
<head>

    <meta charset="UTF-8">
    <!-- 引入必要的两个js文件 -->
    <script src="scripts/jquery.min.js" type="text/javascript"></script>
    <script src="scripts/boot.js" type="text/javascript"></script>
    <link href="scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css">

</head>
<body>
<h2>Hello World!</h2>


<div class="mibi-toolbar">
    <table>
        <tr>
            <td>
                <a class="mini-button" iconCls="icon-search" onclick="searchProduct()">searchProduct</a>&nbsp;

            </td>
        </tr>
    </table>
</div>

<div id="userList" class="mini-datagrid" style="width:800px;height:280px;"
     sizeList="[10,20]"
     pageSize="20"
     url="/send/select">
    <div property="columns">
        <div field="id" >id
            <input property="editor" class="mini-textbox" style="width:100%;"/>
        </div>
        <div field="username" >username
            <input property="editor" class="mini-textbox" style="width:100%;"/>
        </div>
        <div field="password" >password
            <input property="editor" class="mini-combobox" style="width:100%;" data="Genders"/>
        </div>
    </div>
</div>
<script type="text/javascript">
    mini.parse();
    var userList=mini.get("userList");
    userList.on("drawcell",function (e)
          {

//由于我controller返回来是一个list集合所以这个地方记得用循环
              for (var i = 0; i < userList.length; i++) {
                  var record = e.record, column = e.column, field = e.field, value = e.value;
                  var  id= e.columns.id;
                  var username=e.columns.username;
                  var password=e.columns.password;
                  e.cellHtml = "<div>" + id +password+ username + "</div>";
              }

          });
  //        userList.load();

    function searchProduct() {
        var username = mini.get("username") != null ? mini.get("username").getValue() : "";
        var password = mini.get("password") != null ? mini.get("password").getValue() : "";
        var id = mini.get("id") != null ? mini.get("id").getValue() : "";

        userList.load({
            "password": password,
            "id": id,
            "username": username

        });
    }

</script>


<%--<script type="text/javascript">--%>
    <%--$("#userList").click(function () {--%>
        <%--$.ajax({--%>
            <%--url: "/send/select",--%>
            <%--type: "GET",--%>
            <%--success: function (result) {--%>
                <%--$.each(result, function () {--%>
                    <%--var optionEle = $("<option></option>").append(this.deptName).attr("value", this.deptId);--%>
                    <%--ptionEle.appendTo("#userList");--%>
                <%--})--%>
            <%--}--%>
        <%--});--%>
    <%--});--%>
<%--</script>--%>

<input id="btnHello" class="mini-button" text="hello" onclick="onHelloClick"/>
<script type="text/javascript">
    function onHelloClick(e) {
        mini.alert("helloll");
    }

</script>

</body>
</html>

controller：

@RequestMapping("/select")
@ResponseBody
public List<User> select(){

    List<User> userList = miniService.testmini();
    return userList;

}

你嘎哈呢

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
miniui 获取后端传过来的数

点击searchProduct按钮：将数load出来代码：<html><head> <meta charset="UTF-8">  <script src="scripts/jquery.min.js" type="text/javascri...
复制链接

扫一扫