2017.12.5 CSS max-height 属性、Ap

第一组：姚成栋 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');

2. appcan.locStorage.setVal(key，Val) //要设置的键值
   Eg.

//设置一个color到本地存储中
appcan.locStorage.setVal('color','red');
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
locStorage.setVal('color','red');

3. appcan.locStorage.remove(key) //清除localStorage中对应的值(key:要清除值的健名，如果为空会清空整个存储)
   Eg.

//清除保存的颜色值
appcan.locStorage.remove('color'); 
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
locStorage.remove('color');

4. appcan.locStorage.keys() //获取localStorage中，保存的所有键值
   Eg.

//获取保存在localStorage中所有的key
var keys = appcan.locStorage.keys();//返回值是数组，包含所有的key
//另外一种使用方式
var locSotrage = appcan.require('locStorage');
var keys = locStorage.keys();

5. 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;
}

2. RadioButtonList样式调整

.rblStyle{width:100%;height:auto;}
.rblStyle input{border-style:none;}

3. onselectedindexchanged事件
   像下拉控件dropdownlist控件一样，它也有onselectedindexchanged事件，当选项改变后进行触发
   注意点是：控件中的AutoPostBack属性一定设为"True"，这样服务器端才知道你的选项改变了，并触发相应事件

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

5. 绑定数据源

?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();