工作日志

记录开发中得小知识。积少成多，增长技能：

8.22

• .NET中向DataTable中添加行及Select方法的使用

DataTable dtcopy = dt.Clone();
 DataRow[] dtRows = dt.Select(filterSql);
foreach(DataRow row in dtRows ){
        dtcopy.Rows.Add(row.ItemArray);//重点
}

• easyui中获取多行选中ComboBox中得内容和值得设定

<select class="easyui-combobox" id="PL" style="width:80px;" data-options=" multiple:true, panelHeight:'auto' ">
    ...
</select>
$("#PL").combobox('setText','要设置的内容');//设置下拉框的内容
var str = $("#PL").combobox('getText');//获取下拉框中的内容
var str = $("#PL").combobox('getValue');//获取下拉框选中的第一个元素字符串
var str = $("#PL").combobox('getValues');//获取下拉框中选中字符串的数组

• My97DatePicker的使用

<link href="/Themes/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" type="text/css" />
<script src="/Themes/My97DatePicker/WdatePicker.js" type="text/javascript"></script>

<input id="startweek" style=" width:80px" type="text" value="<%=DateTime.Now.ToString("yyyy-MM-dd") %>" class="Wdate" onfocus="WdatePicker({isShowWeek:true})"/>

8.23

• easyui tabs 样式使用

  下面这样的代码在工程中有问题：

<div class="easyui-tabs" style="width:700px;height:250px">
        <div title="标签页1" style="padding:10px"></div>
        <div title="标签页2" style="padding:10px"></div>
</div>

解决方法是：

<div id="easytbs"  style="width:100%;height:400px; margin:0 auto;">
     <div title="标签页1" style="padding: 10px"> </div>
     <div title="标签页2" style="padding: 10px"> </div>
</div>

<script type="text/javascript">
        $('#easytbs').tabs({
            border: false,
            plain: true,
            narrow: false,
            pill: false,
            justified: true,
            onSelect: function (title) {
                //alert(title + ' is selected');
            }
        });
</script>

• 控制tabs页面选中

    <script type="text/javascript">
        //tab页选择
        function next(str) {//str为传入的标签名字
            $('#easytbs').tabs("select", str);
        }
 </script>

• 修改tabs宽度越界问题

在使用easyui tabs时，调整代码出现宽度过大的问题。找了样式代码easyui.css ，发现代码如下错误：

  .tabs {
    list-style-type: none;
    height: 26px;
    margin: 0px;
    padding: 0px;
    padding-left: 4px;
    width: 50000px;//这是问题原因，修改为100%就没有问题了
    border-style: solid;
    border-width: 0 0 1px 0;
}

• 将datagrid加入到项目中