2017.12.5 CSS max-height 属性、AppcCan本地存储、克隆clone、 LINQ查询、RadioButtonList用法

第一组:姚成栋 CSS max-height 属性

因为要做一个固定表头的功能,所以需要表格有一个最大的高度(不然会因为bootstrap自适应,无限拉长高度,就看不到旁边的滚顶条)。但是当高度写死的时候,会出现如下情况:


图一.png

最后一行数据的下面的实现到最下面去了,很可能就让使用者误认为这个表格下面的数据被覆盖了,解决方案:
设置一个最大高度,当数据没达到最大高度的时候,最下面的实线跟着数据动,达到后,就有固定表头的功能了,主要用到CSS的max-height 属性。

p {
 max-height:100px;
 }
图二.png

第二组:赵彩凤 AppcCan-本地存储LocStorage

  1. appcan.locStorage.getVal(key) //获取key保存在localStorage中对应的值
    Eg.
//获取保存的color
appcan.locStorage.getVal('color');//返回保存的颜色值
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
locStorage.getVal('color');
  1. appcan.locStorage.setVal(key,Val) //要设置的键值
    Eg.
//设置一个color到本地存储中
appcan.locStorage.setVal('color','red');
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
locStorage.setVal('color','red');
  1. appcan.locStorage.remove(key) //清除localStorage中对应的值(key:要清除值的健名,如果为空会清空整个存储)
    Eg.
//清除保存的颜色值
appcan.locStorage.remove('color'); 
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
locStorage.remove('color');
  1. appcan.locStorage.keys() //获取localStorage中,保存的所有键值
    Eg.
//获取保存在localStorage中所有的key
var keys = appcan.locStorage.keys();//返回值是数组,包含所有的key
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
var keys = locStorage.keys();
  1. appcan.locStorage.val(key,value) //获取或者设置localStorage的值
    Eg.
//获取保存在localStorage中所有的key
var value = appcan.locStorage.val('k');//返回值是数组,包含所有的key
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
var value = locStorage.val('k');

转自http://newdocx.appcan.cn/JSSDK/LocStorage


第三组: 克隆clone

当需要在一个页面添加多个相同的表单内容时,这时可以采用clone方法。
script

        var x_no = 0;
        var immcount = 0;
        var precount = 0;

        function addImm() {
            $("#immemeasure tbody").append($("#immeforclone tbody tr").clone());
            $("#ppabrA").removeAttr("style");
            //为了克隆出来的东西中责任人能有一个唯一的id
            $("#immemeasure tbody")[0].children[immcount].children[1].children[1].id = "ctl00_AddPlaceHolder1_ct" + x_no + "_Imm";
            x_no++; immcount++;
        }

        function deltrImm(opp) {
            var length = $("#immemeasure tbody tr").length;
            if (length <= 0) {
                alert("EXM???");
            } else if (length == 1) {
                $(opp).parent().parent().remove();//移除当前行
                $("#ppabrA").css("display", "none");
            } else {
                $(opp).parent().parent().remove();//移除当前行
            }
            immcount = immcount - 1;
        }

html

<table cellspacing="0" cellpadding="0" rules="rows" border="0" style='margin: 0px auto; text-align: center; width: 100%;' id="immemeasure">
    <tbody>
    </tbody>
</table>

第四组:李俊 LINQ查询

实例情景:查询飞行员飞行经历时间时,先通过name和department在inner User表中将相关人员所有信息查询放在一个数组中,该数组每条信息包括PCode值与其他值,现只需得到PCode,再将该值作为查询条件在flightTime表中查询得到飞行员飞行时间。此过程用到了LINQ查询方法中的select方法。

具体实现:

Model.QtBiBaseUserInfo nameSearch = new Model.QtBiBaseUserInfo();
            nameSearch.BU_DeptCode = flightTime.FT_DeptCode;
            nameSearch.BU_PCode = flightTime.FT_UserName;
Model.QtBiBaseUserInfo[] userNames = DB.QtBiBaseUserInfo.GetBaseUserInfoList(loginUser, nameSearch, null);
  UIModelListResult<UIQtUiFlightTime> res = new UIModelListResult<UIQtUiFlightTime>();
     if (userNames.Length > 0)
       {
          var pcodes = userNames.Select(p => p.BU_PCode).Distinct();
res = new BsQtUiFlightTime().GetQtUiFlightTimeList(string.Join(",", pcodes));   
       }
          return res;

第五组:周倩宇 RadioButtonList用法

<div class="rblStyle">
<asp:RadioButtonList ID="rblChangQHT" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Text="是" Value="1"></asp:ListItem> 
<asp:ListItem Text="否" Value="0"></asp:ListItem>
</asp:RadioButtonList></div> 
  1. RadioButtonList 校验
var rb_ChangQHT = document.getElementById("rblChangQHT");
var ShiF = rb_ChangQHT.getElementsByTagName("INPUT");
var result = false;
for (var i = 0; i < ShiF.length; i++) {
    if (ShiF[i].checked) {
        result = true;
        break;
    }
}
if (!result) {
    alert("是否为中长期合同为必填项!");
    return false;
}
  1. RadioButtonList样式调整
.rblStyle{width:100%;height:auto;}
.rblStyle input{border-style:none;}
  1. onselectedindexchanged事件
    像下拉控件dropdownlist控件一样,它也有onselectedindexchanged事件,当选项改变后进行触发
    注意点是:控件中的AutoPostBack属性一定设为"True",这样服务器端才知道你的选项改变了,并触发相应事件

  2. 为ListItem添加提示
    RadioButtonList1.Items[0].Attributes.Add("title", "提示内容");

  3. 绑定数据源

?string sql = "select * from province";
DataTable dt = SQLHelper.ExecuteDataTable(sql);
this.RadioButtonList1.DataSource = dt;
this.RadioButtonList1.DataTextField = "Provinces";
this.RadioButtonList1.DataValueField = "PId";
this.RadioButtonList1.DataBind();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容