使用jquery实现局部刷新DIV
实现页面的定时刷新功能:jquery使用的是jquery-1.8.3.min.js
1:定时刷新
A界面的一段代码如下:
<script type="text/javascript">
$(document).ready(function () {
fresh();
});
function fresh() {
var id = $("#main").attr("rackId");
$("#main").load("/RackLocations/kczt_refresh/" + id);
setTimeout("fresh()", 1000 * 20);
}
</script>
在界面中,需要刷新的DIV的ID是main。
2:加载内容
使用JQUERY的LOAD方法,加载新内容。这里的KCZT_REFRESH.cshtml由一个DIV构成及需要刷新的DIV内容。
这里采用MVC模式(C#),kczt_refresh.cshtml的内容如下:
@model IEnumerable<Wms.RackLocation>
@{
Layout = null;
}
<table id="table5" border="0" cellpadding="0" cellspacing="0" onselectstart="return false;">
@foreach (var gp in Model.GroupBy(x => x.Level).OrderByDescending(x => x.Key))
{
<tr>
@foreach (var loc in gp.OrderBy(x => x.Column))
{
<td href="#details" class="loc fancybox fancybox.ajax @status(loc.kczt) @(loc.IsLoaded ? "IsLoaded" : "")" userCode="@loc.UserCode" title="@title(loc)" pz-gg-xs="@loc.pz@loc.gg@loc.xs">
<div style="width:22.8px;height:32px;"></div>
</td>
}
</tr>
}
</table>
@helper status(string kczt)
{
if (string.IsNullOrWhiteSpace(kczt))
{
return;
}
<text>kczt</text>@(((Wms.EnumKczt)Enum.Parse(typeof(Wms.EnumKczt), kczt)).ToString("D"))
}
@helper title(Wms.RackLocation loc)
{
@loc.Column<text>列</text>@loc.Level<text>层</text>
@loc.kczt<text> </text>
if (loc.kczt == "包装后成品")
{
@loc.pz <text> </text>
@loc.gg <text> </text>
@loc.xs
}
}
当前面的LOAD方法加载时,这个VIEW返回给前面的界面是一个HTML的字符。由前面的界面执行,但是这个字符又不是普通的。前面的JQUERY并不能直接取到里面的元素。
A界面需要对kczt_refresh.cshtml中的一些元素操作时,不能简单的使用$,需要使用(例如) $(".loc").live("click",function(){})
下面是一具体的代码:
$(document).ready(function () {
$(".loc").live("dblclick", function () {
var title = $(this).attr("title");
$.ajax({
type: "POST",
cache: false,
url: "/racklocations/details",
data: {
userCode: $(this).attr('userCode')
},
success: function (data) {
}
});
});
使用jquery实现局部刷新DIV的更多相关文章
- jQuery 定时局部刷新(setInterval)方法总结
来自:http://www.jbxue.com/article/8516.html 1.jQuery 定时局部刷新(setInterval),显示时间的代码. <head> <scr ...
- MVC采用Jquery实现局部刷新
该文纯粹属于个人学习,有不足之处请多多指教! 效果图: 单击Detail下面出现详细,效果如下: 为了使操作时两个不同的数据源相互干扰,使用局部视图刷新,代码如下: 首先介绍主页Index代码: @m ...
- jQuery实现局部刷新页面数据绑定
今天遇到了一个问题:怎么样才能做到只刷新页面中的Repeater控件中的数据,在不用UploadPannel的情况下? 试了好多方法,无意间在看jquery文件时发现,使用load()方法即可解决此问 ...
- Jquery Mobile局部刷新后js和css失效,需局部渲染
$(function () { $("#submit").click(function(){ var storage = window.localStorage; ...
- jquery的div局部刷新
jquery的div局部刷新 //div的局部刷新 $(".dl").load(location.href+" .dl"); 全页面的刷新方法 window.l ...
- spring mvc + ajax上传文件,页面局部刷新
1.点击上传按钮进行如下操作,通过表单名称以及input名称获取相应的值,对于上传的文件,使用.files来获取, 因为包含文件的上传,所以采用FormData的形式来进行数据交互,通过append将 ...
- jquery 局部刷新load 某个div或者某个表格
在使用 ajax 进行删除用户操作的时候,可以在 success 里写一个 window.location.reload(); 让页面刷新. 但是,我不想那样,我只想局部刷新 比如,我删除几个用户后, ...
- (局部刷新)jquery.ajax提交并实现单个div刷新
web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法 ...
- jquery实现页面局部刷新
后台管理中总是使用frameset进行分成部分进行管理,但是感觉很不好用,尤其是页面间调转还要判断window.parent,太令我费神了,于是学习使用XMLHttpRequest进行页面局部刷新.代 ...
随机推荐
- 并行开发——Parallel的使用 -摘自网络
随着多核时代的到来,并行开发越来越展示出它的强大威力,像我们这样的码农再也不用过多的关注底层线程的实现和手工控制, 要了解并行开发,需要先了解下两个概念:“硬件线程”和“软件线程”. 1. 硬件线程 ...
- 第三百零一天 how can i 坚持
其实真搞不大懂自己.不喜欢巴结人,也不喜欢阿谀奉承,但老是感觉自己却又在那么做,是对自己要求太高了,想太多?? 郭娜好像把我拉黑了,拉黑就拉黑吧.或许真不合适. 睡觉.
- Struts2在Action中访问WEB资源
什么是WEB资源? 这里所说的WEB资源是指:HttpServletRequest, HttpSession, ServletContext 等原生的 Servlet API. 为什么需要访问WEB资 ...
- js获取服务端IP及端口及协议
alert("location:"+window.location); alert("href: "+window.location.href); alert( ...
- 转载IEnumerable与IEnumerator区别
public interface IEnumerable { IEnumerator GetEnumerator(); } public interface IEnumerator { ...
- HDU 4462 Scaring the Birds (暴力求解,二进制法)
题意:给定一个 n*n的矩阵,在一些位置放上稻草人,每个稻草人的范围是一定,问你最少几个能覆盖整个矩阵. 析:稻草人最多才10个,所以考虑暴力,然后利用二进制法,很容易求解,并且时间很少0ms,注意有 ...
- [转]sql server 数据库日期格式化函数
转至:http://www.cnblogs.com/hantianwei/archive/2009/12/03/1616148.html 0 或 100 (*) 默认值 mon ...
- C#学习笔记(四):委托和事件
刚开始学习C#的时候就写过了,直接给地址了: 委托.匿名函数.Lambda表达式和事件的学习 委托学习续:Action.Func和Predicate
- 三、FreeMarker 模版开发指南 第三章 模版
章节内容如下: 总体结构 指令 表达式 插值 一.总体结构 实际上你用程序语言编写的程序就是模板,模板也被称为FTL(代表FreeMarker模板语言).这是为编写模板设计的非常简单的编程语言. ...
- get_template_part() 函数详解备忘(转)
最近研究官方主题 Twenty Eleven ,有一些东西网上现成的中文资料不好找,在博客里记载下来,算是分享,也算是备忘,wordpress 3.0 以后就开始便有了get_template_par ...