ligerUI 下拉框表格(多选)

zoukankan html css js c++ java

ligerUI 下拉框表格(多选)
学习笔记，转自：http://code.google.com/p/ligerui/

Demo：

Jsp代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ page language="java" isELIgnored="false" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <link href="jsFile/ligerUIV119/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

    <style type="text/css"></style>

    <script src="jsFile/jQuery/jquery-1.8.3.min.js" type="text/javascript"></script>

    <script src="jsFile/ligerUIV119/js/core/base.js" type="text/javascript"></script>

    <script src="jsFile/ligerUIV119/js/plugins/ligerCheckBox.js" type="text/javascript"></script>

    <script src="jsFile/ligerUIV119/js/plugins/ligerResizable.js" type="text/javascript"></script>

    <script src="jsFile/ligerUIV119/js/plugins/ligerComboBox.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function ()

        {

            var dataGrid = [

                { id: 1, name: '李三', sex: '男' },

                { id: 2, name: '李四', sex: '女' },

                { id: 3, name: '赵武', sex: '女' },

                { id: 4, name: '陈留', sex: '女' }

                ];

            var dataGridColumns = [

                { header: 'ID', name: 'id',  20 },

                { header: '名字', name: 'name' },

                { header: '性别', name: 'sex' }

            ];

            $("#txtGrid").ligerComboBox({ data: dataGrid, textField: 'name', columns: dataGridColumns, selectBoxWidth: 200, selectBoxHeight:300,isMultiSelect: true

            });

        });

    </script>

</head>

<body style="padding:10px">

    <h3>表格</h3>

   <input type="text" id="txtGrid"/>

   <br />

<div style="display:none;">



</div>

</body>

</html>

工程结构图如下：
查看全文

相关阅读:
kolla-ansible安装openstack(Ocata)
OpenStack 虚机网卡的创建过程
 C语言 IPv6 十六进制转十进制
 python IPv6 十进制和十六进制互转
 ICMPv6 Packet Types and Codes
scapy IPv6 NS NA报文构造
 最接近的数牛客网程序员面试金典 C++ Python
最近公共祖先牛客网程序员面试金典 C++ Python
有向路径检查牛客网程序员面试金典 C++ Python
检查是否是BST 牛客网程序员面试金典 C++ java Python

原文地址：https://www.cnblogs.com/zhaoxd/p/3110204.html