EasyUI 笔记(1)第一次在项目中使用纠结死了

1.datebox 

html标签

 <input type="text" id="StartTime" class="easyui-datebox" style="width: 150px;" />

设置为当前时间

$(function () {
            var curr_time = new Date();
            var strDate = curr_time.getFullYear() + "-";
            strDate += curr_time.getMonth() + 1 + "-";
            strDate += curr_time.getDate();//+ "-";
            //strDate += curr_time.getHours() + ":";
            //strDate += curr_time.getMinutes() + ":";
            //strDate += curr_time.getSeconds();
            $("#StartTime").datebox("setValue", strDate);


        });

获取控件中时间

 $("#StartTime").datebox("getValue") 


2.下拉列表


html标签

 <select id="sk" οnchange="changeSK()"></select>

JS函数

 function LoadSK() {
            $.ajax({
                url: "YBZDFWXZPage.aspx?action=loadSK&Random=" + Math.random(),
                type: 'POST',
                success: function (data) {
                    $("#sk").append(data);
                    $("#sk").get(0).selectedIndex = 1;
                }
            });
        }


后台代码

 #region 获得水库
        /// <summary>
        /// 获得水库
        /// </summary>
        private void LoadSK()
        {
            StringBuilder sbOption = new StringBuilder();
            DataSet ds = _BLL.GetSK();
            if (null != ds && ds.Tables.Count > 0)
            {
                if (null != ds.Tables[0] && ds.Tables[0].Rows.Count > 0)
                {


                    sbOption.Append("<option value=\"-1\">请选水库</option>");
                    for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
                    {
                        string stcd = ds.Tables[0].Rows[i]["STCD"].ToString();
                        string stnm = ds.Tables[0].Rows[i]["STNM"].ToString();
                        string sttp = ds.Tables[0].Rows[i]["STTP"].ToString();
                        sbOption.Append("<option value=" + stcd + ">" + stnm + "</option>");
                    }
                }
            }
            Response.Write(sbOption);
            Response.End();
        }
        #endregion


以上为最简单的控件使用


要在EasyUI项目使用FileBox控件实现文件上传处理,可以按照以下步骤进行操作: 1. 在页面引入EasyUI的相关文件,包括jQuery、EasyUI的CSS和JavaScript文件。 2. 在页面添加一个FileBox控件,并设置相应的属性,如name、buttonText、onChange等。 3. 在JavaScript监听FileBox的onChange事件,并使用FormData对象将文件数据封装成一个表单数据对象。 4. 使用jQuery的ajax方法将表单数据发送到服务器端进行处理。 5. 在服务器端接收表单数据,并将文件保存到指定的目录。 以下是一个简单的示例代码: HTML代码: ``` <div class="easyui-panel"> <form id="uploadForm"> <input class="easyui-filebox" name="file" buttonText="选择文件" onChange="uploadFile()" /> </form> </div> ``` JavaScript代码: ``` function uploadFile() { var formData = new FormData($('#uploadForm')[0]); $.ajax({ url: 'upload.php', type: 'POST', data: formData, processData: false, contentType: false, success: function(data) { alert(data); } }); } ``` PHP代码: ``` <?php if ($_FILES['file']['error'] == UPLOAD_ERR_OK) { $tempName = $_FILES['file']['tmp_name']; $fileName = $_FILES['file']['name']; move_uploaded_file($tempName, 'uploads/' . $fileName); echo '文件上传成功!'; } else { echo '文件上传失败!'; } ?> ``` 在这个示例,我们使用EasyUI的FileBox控件来实现文件上传,并使用了jQuery的ajax方法发送表单数据到服务器端进行处理。在服务器端,我们使用PHP来接收表单数据,并将文件保存到指定的目录
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值