Fork me on GitHub

插件帮助文档 --- JQueryUI

 

官方网站:

  

插件描述:

 

说明:

 

建议:

 

 

 

插件使用:

1           Tab使用:

注意项:使用JQueryUI---tab时,如果使用了RenderPartial,

  <%Html.RenderPartial("BasicInfoControl",ViewData["operation"]); %>

那么,RenderPartial中不能再引用任何Jquery.js。否则报错“Microsoft JScript 运行时错误: 对象不支持此属性或方法”。原因不明。

解决方案:将需要的js文件引用,在使用RenderPartial的页面使用,而非RenderPartial内部使用。

1.1          Ajax调用:

页面:

     <div id="hospitals" class="hospital" style="width:600px"> 

  <ul>

  <%foreach (var item in ViewData["hospitalLevel"] as List<AjaxData>)

    {

         %>

         <li class="hoverhospital"><a href='<%=Url.Action("RecommendHospitals", "Home", new { hospitalLevelId=item.Id })%>'><%=Html.Encode(item.Name) %></a></li>

         <%

    } %>

  </ul>

  </div>

调用:

$(function() {

            $("#hospitals").tabs({

                event: "mouseover",

                ajaxOptions: {

                    error: function(xhr, status, index, anchor) {

                        $(anchor.hash).html(

                                                        "对不起,加载失败.");

                    }

                }

            });

        });

 

 

2           DatePicker使用:

1.1          本地化

引用中文文件:

<script src="http://www.cnblogs.com/Scripts/JQueryUI/i18n/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>

设置本地化:

$(function() {

        .datepicker.setDefaults(.datepicker.regional['zh-CN']);

        $(".dateTimePicker").datepicker();

});

设置时间范围:

$(".dateTimePicker").datepicker({

                minDate: +0, maxDate: +8

            });s

注意项:使用中文插件时,标题的年月变为两行。

解决办法:修正样式

.ui-datepicker .ui-datepicker-title select {font-size:1em; margin:1px 0; }  

 .ui-datepicker select.ui-datepicker-month-year {width: 100%;}  

  .ui-datepicker select.ui-datepicker-month,  

  .ui-datepicker select.ui-datepicker-year { width: 40%;}  

  .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: left; }  

  /* 控制字体大小  

    .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font-size:1.2em} 

   */ 

posted @   idoku  阅读(704)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示