Easyui入门视频教程 第08集---登录实现 ajax button的使用

目录

-----------------------

Easyui入门视频教程 第09集---登录完善 图标自定义  

Easyui入门视频教程 第08集---登录实现 ajax button的使用  

Easyui入门视频教程 第07集---Accordion的使用  

Easyui入门视频教程 第06集---Layout初始化和属性方法使用  

Easyui入门视频教程 第05集---Easyui复杂布局  

Easyui入门视频教程 第04集---Easyui布局  

Easyui入门视频教程 第03集---Easyui布局  

Easyui入门视频教程 第02集--- ASP.NET MVC下 搭建 EasyUI环境  

Easyui入门视频教程 第01集---认识Easyui  

-----------------------

Easyui入门视频教程 第08集---登录实现 ajax button的使用

实现登录

非常感谢博客园 提供的环境

关于 收费 ext 也是收费 现在 好像 互联网上面 用的比较多的 这是这两个框架

ASP.NET FINEUI 她是开源 免费 asp.net 控件

下面 正式的 开始讲登录

使用的组件 window button textbox（html）

创建 button 用两种方法

第一种：直接class

<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">登录</a> 

第二种：是js渲染

<a id="btn" href="#">easyui</a>   

$('#btn').linkbutton({   
    iconCls: 'icon-search'   
}); 

 

iconCls：配置按钮图标

<a href="otherpage.php" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>  
点解按钮 跳到别的页面

<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="javascript:alert('easyui')">easyui</a>
点击 执行js脚本

显示 平的按钮

<a id="btn" href="#" class="easyui-linkbutton" onclick="alert('ddd');" data-options="iconCls:'icon-search',plain:true">登录</a>  

禁用按钮

    <script type="text/javascript">
        $(document).ready(function () {
            // 在这里写你的代码...
            //$('#btn').linkbutton('enable');
            $('#btn').linkbutton('disable');
        });
       
    </script>  

 

 

视频 暂未上传完 今晚补上 祝大家 2013圣诞节快乐...

 

视频下载地址http://pan.baidu.com/s/1o6lVSvC