当前位置:  编程技术>WEB前端
本页文章导读:
    ▪jquery实现ajax联动框      前台页面<script type="text/javascript" src="/blog_article/${rc.contextPath}/js/jquery.select.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#rwflSelect").linkSelect({ nodata:"none", required:true, .........
    ▪Gruntjs入门 (1)      Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用合并JS文件压缩JS文件单元测试(基于QUnit)一句话:完.........
    ▪在redhat5.4上配置yum      废话不多下边给大家介绍一种在redhat上配置yum的方法: 环境: vm 7.1.3 系统: rhle 5.4 其他:建议清空防火墙规则关闭seLinux 配置: # mkdir -p /media/repo/Redhat #cd /media/repo/Redhat #mount /dev/cdrom &nbs.........

[1]jquery实现ajax联动框
    来源:    发布时间: 2013-11-06

前台页面

<script type="text/javascript" src="/blog_article/${rc.contextPath}/js/jquery.select.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#rwflSelect").linkSelect({
nodata:"none",
required:true,
firstUrl:'${rc.contextPath}/repair/loadCategory',
secondUrl:'${rc.contextPath}/repair/loadSubCategory',
firstValue:'$!{repair.categoryid}',//任务大类
secondValue:'$!{repair.subcategoryid}'//人物小类
});

});
</script>

<tr id="rwflSelect">
<td width="100" >任务分类:</td>
<td width="131"><select name='categoryid'></select> </td>
<td width="10"></td>
<td width="131"><select name="subcategoryid" disabled="disabled"></select></td>
</tr>

jquery.select.js
/*
Ajax 三级联动
日期:2013-2-26

settings 参数说明
-----
firstUrl:一级下拉数据获取URL,josn返回
firstValue:默认一级下拉value
secondUrl:二级下拉数据获取URL,josn返回
secondValue:默认二级下拉value
thirdUrl:三级下拉数据获取URL,josn返回
thirdValue:默认三级下拉value
nodata:无数据状态
required:必选项
------------------------------ */
(function($){
$.fn.linkSelect=function(settings){
if($(this).size()<1){return;};
// 默认值
settings=$.extend({
firstUrl:"js/city.min.js",
firstValue:null,
secondValue:null,
thirdValue:null,
nodata:null,
required:true
},settings);

var box_obj=this;
var first_obj=box_obj.find(".first");
var second_obj=box_obj.find(".second");
var third_obj=box_obj.find(".third");
var select_prehtml=(settings.required) ? "" : "<option value=''>请选择</option>";

var prepareSelectHtml=function(jsonArray){
var temp_html=select_prehtml;
$.each(jsonArray,function(index,row){
temp_html+="<option value='"+row.value+"'>"+row.text+"</option>";
});
return temp_html;
};
// 赋值二级下拉框函数
var secondStart=function(){
second_obj.empty().attr("disabled",true);
third_obj.empty().attr("disabled",true);
if(first_obj.val()==''
    
[2]Gruntjs入门 (1)
    来源:    发布时间: 2013-11-06

Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用

  • 合并JS文件
  • 压缩JS文件
  • 单元测试(基于QUnit)
  • 一句话:完全自动化(automation)

 

以下是它的安装过程。

 

一、安装node

参考nodejs入门 (最新的node会自动安装npm)

 

二、安装grunt命令行工具grunt-cli

使用-g全局安装,这样可以在任何一个目录里使用了。命令: npm install -g grunt-cli

 

需要注意的是在linux或mac下有时会报没有权限的错误,这时须在前面加一个sudo,

安装后,可以查看改工具的版本。命令: grunt -version

 

三、安装grunt及其插件

进入到某项目根目录,使用命令: npm install grunt --save-dev

 

此时,再查看grunt版本会多了一个4.0,如下

 

至此,安装完毕。

 

本文链接


    
[3]在redhat5.4上配置yum
    来源: 互联网  发布时间: 2013-11-06
废话不多下边给大家介绍一种在redhat上配置yum的方法:
环境: vm 7.1.3
系统: rhle 5.4
其他:建议清空防火墙规则关闭seLinux
配置:

# mkdir -p /media/repo/Redhat
#cd /media/repo/Redhat
#mount /dev/cdrom  /media/repo/Redhat
#cd ..
#rpm -ivh  /media/repo/Server/createrepo-0.4.11-3.e.15.noarch.rpm
#vi  /etc/yum.conf
.....

#gpgcheck=0
Plagins=1
[local_cdrom]
baseurl=file:///media/repo 注意这个目录不是光盘挂载目录,是创建本地源的目录
name=my local_cdrom
:x
Repo#createrepo -g  /media/repo/Redhat/Server/repodata/repomd.xml . 注意后边还有个“.”
ok~!~!~!
测试:
Repo#yum install httpd* -y
repo#cd /var/www/html
Html#vi index.html
Dfdfdfdf
Dfdf
:x
html#yum install vsftpd* -y
Html#cd /etc/selinux
Selinux#vi /etc/selinux/config
SELINUX=disabled
html#service httpd start
html#service vsftpd start

用客户端访问ftp://192.168.1.1      http://192.168.1.1      

作者:zdrjlamp 发表于2013-3-8 9:23:22 原文链接
阅读:49 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3