<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MenuIcons.aspx.cs" Inherits="System_MenuIcons" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="../lib/ligerUI/skins/Aqua/css/ligerui-form.css" rel="stylesheet" type="text/css" />
<link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="../lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="../lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
<script src="../lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
<link href="../lib/css/common.css" rel="stylesheet" type="text/css" />
<script src="../lib/js/common.js" type="text/javascript"></script>
<script src="../lib/js/LG.js" type="text/javascript"></script>
<script type="text/javascript">
var jiconlist, winicons, currentComboBox;
$(function() {
jiconlist = $("body > .iconlist:first");
if (!jiconlist.length) jiconlist = $('<ul class="iconlist"></ul>').appendTo('body');
});
$(".iconlist li").live('mouseover', function() {
$(this).addClass("over");
}).live('mouseout', function() {
$(this).removeClass("over");
}).live('click', function() {
if (!winicons) {
return;
}
var src = $("img", this).attr("src");
src = src.replace(/^([\.\/]+)/, '');
// var editingrow = grid.getEditingRow();
// if (editingrow) {
if (currentComboBox) {
currentComboBox.inputText.val(src);
currentComboBox.valueField.val(src);
// }
}
winicons.hide();
});
function f_openIconsWin() {
if (winicons) {
winicons.show();
return;
}
winicons = $.ligerDialog.open({
title: '選取圖標',
target: jiconlist,
width: 470, height: 280, modal: true
});
if (!jiconlist.attr("loaded")) {
LG.ajax({
type: 'AjaxSystem',
method: 'GetIcons',
loading: '正在加載圖標中...',
data: { HttpContext: true },
success: function(data) {
for (var i = 0, l = data.length; i < l; i++) {
var src = data[i];
var reg = /(lib\\icons)(.+)/;
var match = reg.exec(src);
if (!match) continue;
var s = "../lib/icons" + match[2].replace(/\\/g, '/');
jiconlist.append("<li><img src='" + s + "' /></li>");
}
jiconlist.attr("loaded", true);
}
});
}
}
$(function() {
$("form").ligerForm();
$("#icon").ligerComboBox({
onBeforeOpen: function() {
currentComboBox = this;
f_openIconsWin();
return false;
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<select id="icon" name="icon">
</select>
<ul class="iconlist">
</ul>
</form>
</body>
</html>
jquery ligerui 圖標
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
WPF一個簡單的屬性編輯控件
代碼： public class PropertiesControl : Grid { [TypeConverter(typeof(LengthConverter))] public d