08/11/2023 | 05:41 AM

Chức năng chọn thông tin nhiều đối tượng

Xem: 334
(LTC) Xây dựng chức năng chọn nhiều đối tượng trong form thông tin
1. Thông tin hình ảnh về chức năng




2. Phương thức cài đặt

2.1  Đoạn mã HTML

a. Đoạn mã control trên form

<div id="lstCom">
<asp:Literal ID="ltrListObjectTags" EnableViewState="false" runat="server"></asp:Literal>
</div>
<a href="javascript:void(0);" target="_self" onclick="openChonObject();" class="btnBrowser">Chọn</a>
<asp:HiddenField ID="hdfListObjects" EnableViewState="false" Value="0" runat="server" />

b. Đoạn mã HTML cửa sổ

<div id="dlgChonObjectId" title="Tiêu đề cửa sổ POPUP">
<div class="dlgContainer" id="dlgSelectorContent">
<div id="comfilterbar">
<input type="text" id="dlgFKeyword" style="width:80%;height:1.75rem;line-height:1.75rem;float:left;position:relative;border:none;outline:none;" maxlength="150" placeholder="-- Nhập từ khóa --" />&nbsp;
<a href="javascript:void(0);" class="btnFilter" style="background:#09f;" target="_self" onclick="getListObjects();return false;"><i class="zmf-save"></i></a>
<a href="javascript:void(0);" class="btnFilter" target="_self" onclick="filterObjects(this,'82c5d22109880e5c530c87f4b78581cd');return false;"><i class="zmf-filter"></i></a>
</div>
<div id="comviewbar">Đang tải danh sách đối tượng</div>
</div>
</div>

2.2 Đoạn mã CSS

<style type="text/css">
#dlgChonCongtyId {top:2.5rem;}
#comfilterbar {float:left;position:relative;width:99.99%;height:1.75rem;background:#fff;border:1px solid #c9c9c9;overflow:hidden;}
#comviewbar {float:left;position:relative;width:95.9%;height:300px;padding:2%;font-size:0.75rem;color:#999;font-style:italic;overflow-x:hidden;overflow-y:auto;}
a.btnFilter {float:right;position:relative;padding:0.35rem 1rem 0.35rem 1rem;height:1.75rem;top:0;background:#056b4b;color:#fff;}
#lstCom {float:left;position:relative;width:78%;height:auto;min-height:1.85rem;padding-left:1%;line-height:1.85rem !important;background:#fff;border:1px solid #e8e8e8;}
#lstCom > span {float:none;position:relative;padding:0.125rem 0.25rem;background:#056b4b;color:#fff;margin-right:0.25rem;border-radius:0.25rem;-webkit-border-radius:0.25rem;}
table.tblDialogView {width:100%;border:1px solid #999;border-collapse:collapse;font-size:0.75rem;font-style:normal;}
td.col {border:1px solid #999;padding:0.125rem;color:#056b4b;font-weight:bold;}
td.TT {width:2rem;text-align:center;}
td.Name {width:90%;text-align:justify;}
</style>

2.3 Thư viện Javascript

<script src="/systems/sources/js/ltctags/ltctagsv1_min.js" type="text/javascript"></script>
<script src="/systems/sources/js/ltcdialogselector/devicesv1_min.js" type="text/javascript"></script>

Tải về tại địa chỉ: devicesv1_min.js

2.4 Thiết lập trong mã nguồn zManager

ltrGlobalLib.Text = "<script type=\"text/javascript\">var sListObjectIdSelected = \"\", sListObjectNameSelected = \"\", hdfListObjects = \"" + hdfListObjects.ClientID + "\";</script>";
Xem: 334

Các bài viết khác

Loading ...