kendo-ui的MVVM模式
摘要：　　MVVM(Model&View&ViewModel)是一种帮助开发者将数据从模型分离的设计模式。MVVM的ViewModel负责将数据对象从模型中分离出来，通过这种方式数据就很容易控制数据如何显示在视图上。创建View-Model对象：　　首先我们需要创建一个View-Model对象，他是控制你的数据显示在视图上。创建对象var viewModel = kendo.observable({
name: "John Doe",
displayGreeting: function() {
var name = this.get("name");
alert("Hello, " + name + "!!!");
}});创建视图&div id="view"&
&input data-bind="value: name" /&
&button data-bind="click: displayGreeting"&Display Greeting&/button&&/div&&然后将对象绑定到视图上kendo.bind($("#view"), viewModel);如何工作呢？　　input元素的value值是通过data-bind属性绑定到viewModel的name字段，这个绑定是双向的，当改变viewModel的name字段值，视图上input的value值也会被改变。当改变视图上input元素的value值，viewModel的name字段也会被改变。绑定：　　元素通过data-bind属性绑定到viewModel，当你想通过一个对象绑定到视图上，你可以像下面这样定义视图模型&div data-bind="text: person.name"&&/div&&script&var viewModel = kendo.observable({
name: "John Doe"
}});kendo.bind($("div"), viewModel);&/script&&data-bind还支持的属性有source,&html,&attr,&visible,&enabled等，支持多个属性，以逗号分隔。注意：　　绑定不是javascript，像下面这样的绑定就是不对的&div data-bind="text: person.name.toLowerCase()"&&/div&&ObservableObject：　　kendo.data.ObservableObject是MVVM模式中非常重要的一部分，它支持跟踪变化和通知用户发生变化，所有的视图模型对象都继承它。创建ObservableObjectvar viewModel1 = new kendo.data.ObservableObject( {
field1: "value1",
field2: "value2"}); var viewModel2 = kendo.observable( {
field1: "value1",
field2: "value2"});&上面两种方式都可以创建ObservableObject注意：视图模型必须在定义ObservableObject之后使用，否则无效。设置与获取属性值：　　&我们可以通过viewModel对象来获取属性值，如下：var viewModel = kendo.observable({
name: "John Doe"}); viewModel.set("name", "Jane Doe"); //set the "name" field to "Jane Doe" var name = viewModel.get("name");alert(name); // shows "Jane Doe"&关键字this：　　我们可以通过this来获取视图模型的其他属性值，如下：&span data-bind="text: fullName"&&/span&&script&var viewModel = kendo.observable({
firstName: "John",
lastName: "Doe",
fullName: function() {
return this.get("firstName") + " " + this.get("lastName");
}}); kendo.bind($("span"), viewModel);&/script&&&data-bind属性：attr：　　attr可以用来绑定DOM元素的属性，例如：href、title等，对于多个属性我们可以用对象来绑定，如下：&img id="logo" data-bind="attr: { src: imageSource, alt: imageAlt }" /&&script&var viewModel = kendo.observable({
imageSource: "/image/kendo-logo.png",
imageAlt: "Kendo Logo"}); kendo.bind($("#logo"), viewModel);&/script&显示到视图上就会变成如下：&img id="logo" src="/image/kendo-logo.png" alt="Kendo Logo"" /&checked：　　checked属性使用来选择复选框或者单选框，属性值为true或false，如下：&input type="checkbox" data-bind="checked: isChecked" /&&script&var viewModel = kendo.observable({
isChecked: false}); kendo.bind($("input"), viewModel);&/script&对于多个复选框，根据value值来决定选中哪一个复选框，属性值是一个数组，如下：&input type="checkbox" value="Red"
data-bind="checked: colors" /&&input type="checkbox" value="Green" data-bind="checked: colors" /&&input type="checkbox" value="Blue"
data-bind="checked: colors" /&&script&var viewModel = kendo.observable({
colors: ["Red"]}); kendo.bind($("input"), viewModel);&/script&单选框，如下：&input type="radio" value="Red"
name="color" data-bind="checked: selectedColor" /&&input type="radio" value="Green" name="color" data-bind="checked: selectedColor" /&&input type="radio" value="Blue"
name="color" data-bind="checked: selectedColor" /&&script&var viewModel = kendo.observable({
selectedColor: "Green"}); kendo.bind($("input"), viewModel);&/script&注意：单选框应该有相同的name值，checked只适合可以勾选的元素。&click：　　click属性将绑定一个方法到视图模型上，当点击这个DOM元素该方法将会被调用。&div id="view"&&span data-bind="click: showDescription"&Show description&/span&&span data-bind="visible: isDescriptionShown, text: description"&&/span& &script&var viewModel = kendo.observable({
description: "Description",
isDescriptionShown: false,
showDescription: function(e) {
// show the span by setting isDescriptionShown to true
this.set("isDescriptionShown", true);
}}); kendo.bind($("#view"), viewModel);&/script& &/div&&我们也可以通过events属性来绑定click事件，如下：&span data-bind="click: clickHandler"&&/span& &span data-bind="events: { click: clickHandler }"&&/span&阻止事件冒泡　　我们可以使用stopPropagation来阻止click事件冒泡，如下：&span data-bind="click: click"&Click&/span&&script&var viewModel = kendo.observable({
click: function(e) {
e.stopPropagation();
}}); kendo.bind($("span"), viewModel);&/script&阻止默认事件　　使用preventDefault方法来阻止浏览器默认行为。&a href="" data-bind="click: click"&Click&/span&&script&var viewModel = kendo.observable({
click: function(e) {
// stop the browser from navigating to
e.preventDefault();
}}); kendo.bind($("a"), viewModel);&/script&&custom：&　　kendo MVVM提供自定义绑定属性，这有利于我们自己做一些扩展。我们可以通过kendo.data.Binder来注册一个属性。单项绑定　　这种自定义属性当视图模型的属性值改变时，DOM元素将被更新，但是当DOM元素改变时并不会更新视图模型属性值。如下：&script&
kendo.data.binders.slide = kendo.data.Binder.extend({
refresh: function() {
var value = this.bindings["slide"].get();
if (value) {
$(this.element).slideDown();
$(this.element).slideUp();
var viewModel = kendo.observable({
slideValue: true
kendo.bind(document.body, viewModel);&/script& &div id="target" data-bind="slide: slideValue"&
One Big Orange Square.&/div&&双向绑定　　这种自定义的属性支持双向绑定，即当DOM元素改变时会触发视图模型的改变，当视图模型属性值改变时会触发DOM元素的改变。如下：&script&
kendo.data.binders.numericValue = kendo.data.Binder.extend({
init: function(element, bindings, options) {
//call the base constructor
kendo.data.Binder.fn.init.call(this, element, bindings, options);
var that = this;
//listen for the change event of the element
$(that.element).on("change", function() {
that.change(); //call the change function
refresh: function() {
var that = this,
value = that.bindings["numericValue"].get(); //get the value from the View-Model
$(that.element).val(value); //update the HTML input element
change: function() {
var value = this.element.
//in this example the View-Model will be updated only if the value of the input is a number
if (!isNaN(value)) {
this.bindings["numericValue"].set(value); //update the View-Model
//View-Model source
var viewModel = kendo.observable({
number: 10
kendo.bind(document.body, viewModel);&/script& &!-- View source --&&input data-bind="numericValue: number" /&Input value: &span data-bind="text: number" /&&组件绑定　　这种自定义属性支持当视图模型属性值改变时会触发组件的改变。如下：//the following example demonstrates how to bind the max value of a NumericTextBox widgetkendo.data.binders.widget.max = kendo.data.Binder.extend({
init: function(widget, bindings, options) {
//call the base constructor
kendo.data.Binder.fn.init.call(this, widget.element[0], bindings, options);
refresh: function() {
var that = this,
value = that.bindings["max"].get(); //get the value from the View-Model
$(that.element).data("kendoNumericTextBox").max(value); //update the widget
}}); &!-- View source --&&input data-role="numerictextbox" id="numeric" data-bind="value: value, max: max" /&&自定义属性的方法讲解init& & init类似于构造函数，如果这个函数被重写了，其基本构造函数首先被显示调用。refresh&&&&refresh负责更新DOM元素。当视图模型的属性值改变时，它会被执行。change&&&&change负责更新视图模型的属性值。DOM元素发生变化时，它会被执行。disabled：　　disabled是禁用DOM元素，属性值为true或false。适合的DOM元素为：input、select、textarea。当DOM元素的disabled属性值被设置为true时，则他的value值不能被改变。&div id="view"&&input type="text" data-bind="value: name, disabled: isNameDisabled" /&&button data-bind="click: disableInput"&Disable&/button& &script&var viewModel = kendo.observable({
isNameDisabled: false,
name: "John Doe",
disableInput: function() {
this.set("isNameDisabled", true);
}}); kendo.bind($("#view"), viewModel);&/script& &/div&&注意：0,&null,&undefined，""，''都会被当成false。enable：　　与disabled相同，功能相反。&events：　　events将视图模型定义的方法绑定到DOM元素上，当对应事件在DOM元素发生时，该方法会被执行。如下：&div id="view"&
&span data-bind="events: { mouseover: showDescription, mouseout: hideDescription }"&Show description&/span&
&span data-bind="visible: isDescriptionShown, text: description"&&/span&&/div&&script&
var viewModel = kendo.observable({
description: "Description",
isDescriptionShown: false,
showDescription: function(e) {
// show the span by setting isDescriptionShown to true
this.set("isDescriptionShown", true);
hideDescription: function(e) {
// hide the span by setting isDescriptionShown to false
this.set("isDescriptionShown", false);
kendo.bind($("#view"), viewModel);&/script&&html：　　html是将视图模型定义的值以html的形式插入到DOM元素内。如下：&span data-bind="html: name"&&/span&&script&var viewModel = kendo.observable({
name: "&strong&John Doe&/strong&"}); kendo.bind($("span"), viewModel);&/script&结果为&span&&strong&John Doe&/strong&&/span&注意：并不是所有DOM元素都支持html属性，比如table。他只适合内部没有固定结构的html元素。invisible：　　&invisible控制DOM元素是否显示。属性值true或false，当设置为true时，DOM元素将被隐藏，对应css的display属性将被设置为none。如下：&div id="view"&
&div data-bind="invisible: isInvisible"&some content
&button data-bind="click: show"&Show&/button&&/div&&script&var viewModel = kendo.observable({
isInvisible: true,
show: function() {
this.set("isInvisible", false);
}}); kendo.bind($("#view"), viewModel);&/script&初始div元素是隐藏的，因为isInvisible设置为true，当点击按钮时，isInvisible被设置为false，div元素显示。source：　　source用来渲染DOM元素的模板，模板是通过data-template属性来指定，属性值为模板的id，如果未指定则会根据元素的name值。如果视图模型中的属性值为数组时，会自动循环每一项并渲染模板到DOM元素内。&ul data-template="ul-template" data-bind="source: products"&&/ul&&script id="ul-template" type="text/x-kendo-template"&
id: &span data-bind="text: id"&&/span&
name: &span data-bind="text: name"&&/span&
&/li&&/script&&script&var viewModel = kendo.observable({
products: [
{ id: 1, name: "Coffee" },
{ id: 2, name: "Tea" },
{ id: 3, name: "Juice" }
]}); kendo.bind($("ul"), viewModel);&/script&结果为&ul&
id: &span&1&/span&
name: &span&Coffee&/span&
id: &span&2&/span&
name: &span&Tea&/span&
id: &span&3&/span&
name: &span&Juice&/span&
&/li&&/ul&&如果数组中不全是对象，则可以使用this代替当前属性值，如下：&ul data-template="ul-template" data-bind="source: products"&&/ul&&script id="ul-template" type="text/x-kendo-template"&
&li data-bind="text: this"&&/li&&/script&&script&var viewModel = kendo.observable({
products: [ "Coffee", "Tea", "Juice" ]}); kendo.bind($("ul"), viewModel);&/script&&结果为&ul&
&li&Coffee&/li&
&li&Tea&/li&
&li&Juice&/li&&/ul&给select元素设置source属性：&select data-text-field="name" data-value-field="id"
data-bind="source: products"&&/select&&script&var viewModel = kendo.observable({
products: [
{ id: 1, name: "Coffee" },
{ id: 2, name: "Tea" },
{ id: 3, name: "Juice" }
]}); kendo.bind($("select"), viewModel);&/script&&显示在视图上为&select&
&option value="1"&Coffee&/option&
&option value="2"&Tea&/option&
&option value="3"&Juice&/option&&/select&style：　　style属性用来设置DOM元素的样式，如下：&span data-bind="style: {color: priceColor, fontWeight: priceFontWeight},
text: price"&&/span& &script&var viewModel = kendo.observable({
price: 42,
priceColor: function() {
var price = this.get("price");
if (price &= 42) {
return "#00ff00";
return "#ff0000";
priceFontWeight: function() {
var price = this.get("price");
if (price &= 42) {
return "bold";
return ""; //will reset the font weight to its default value
}}); kendo.bind($("span"), viewModel);&/script&&结果为&span style="color: #00ff00; font-weight: bold"&42&/span&注意：对于这种font-weight,&font-size,&background-color应该使用驼峰格式。text：　　text用来设置元素文本内容，如下：&span data-bind="text: name"&&/span&&script&var viewModel = kendo.observable({
name: "John Doe"});kendo.bind($("span"), viewModel);&/script&&结果为&span&John Doe&/span&&value：　　value属性用来设置DOM元素的value值，所以他只适合带有value属性的DOM元素，比如input,&textarea和select。此属性是双向绑定的，即任何一方改变都会触发另一方的改变。如下：&div id="view"&
&input data-bind="value: inputValue" /&
&textarea data-bind="value: textareaValue"&&/textarea&&/div&&script&var viewModel = kendo.observable({
inputValue: "Input value",
textareaValue: "Textarea value"});kendo.bind($("#view"), viewModel);&/script&&注意：如果DOM元素改变并不是实时触发视图模型的属性值改变，而是当DOM元素变换结束之后。我们可以通过data-value-update属性控制什么时候更新视图模型，如下：&div id="view"&
&input data-value-update="keyup" data-bind="value: inputValue" /&&/div&&script&var viewModel = kendo.observable({
inputValue: "InputValue"});kendo.bind($("#view"), viewModel);&/script&&上面的代码是当我们在输入框松开键盘之后就更新视图模型。对于下拉选择，我们可以像下面这样&select data-role="dropdownlist" data-option-label="Select product..." data-value-primitive="true"
data-value-field="id" data-text-field="name" data-bind="value: selectedProductId, source: products"&&/select&&script&var viewModel = kendo.observable({
selectedProductId: null,
products: [
{ id: 1, name: "Coffee" },
{ id: 2, name: "Tea" },
{ id: 3, name: "Juice" }
]});kendo.bind($("select"), viewModel);&/script&&visible：　　与invisible类似，功能相反。&&小结：&&&&MVVM解耦了视图与模型，我们只需要在模型中写好逻辑即可。这种模式简化了我们的开发，提高开发效率。input，select，textarea的值用value，插入html用html，文本用text，checkbox和radio用checked。&
最新教程周点击榜
微信扫一扫今天看啥 热点：
kendo ui gird使用技巧(使用本地数据) 一，kendogird
添加js引用
&link href=&//mon.min.css& rel=&stylesheet& /&
&link href=&//styles/kendo.default.min.css& rel=&stylesheet& /&
&link href=&//styles/kendo.dataviz.min.css& rel=&stylesheet& /&
&link href=&//styles/kendo.dataviz.default.min.css& rel=&stylesheet& /&
&script src=&//js/jquery.min.js&&&/script&
&script src=&//js/kendo.all.min.js&&&/script&
&div id=&example&&
&div id=&grid&&&/div&
添加js绑定
var data={data:[{id:1,name:&test1&},{id:2,name:&test2&}],total:25}
$(document).ready(function() {
$(&#grid&).kendoGrid({
dataSource: {
data: data,
data: &data&,
total: &total&,
name: &name&
pageSize: 20
height: 550,
scrollable: true,
sortable: true,
filterable: true,
pageable: {
input: true,
numeric: false
columns: [
{ field: &id&, title: &id&, format: &{0:c}&, width: &130px& },
{ field: &name&, title: &名称&, width: &130px& }
最终效果图
1.添加js引用需首先添加jquery包，然后在去添加kendo ui js包，记得是添加kendo ui 的kendo.all.min.js ，当然也可以分别引用需要的kendo ui js 文件
2.这个地方我们给grid 使用的数据原其实是一个datasorce对象，当然也可以使用kendo.data.DataSource()--这种方法在后面的文件会介绍来创建。
3.我们使用的本地数据格式如下 var data={data:[{id:1,name:&test1&},{id:2,name:&test2&}],total:25}
data是一个数据数组也就是需要在grid中具体显示的数据，它有两个字段分别是id和name，然后total是数据总共条数，在grid中分页是自动计算会用到。
4.grid初始化的时候的datasorce详细说明如代码中注释
data: data,//对应上面的变量
data: &data&, //data变量中的data字段
total: &total&,//data变量中的total字段，数据总条数
id: &id&,//唯一标示的字段
fields: {//与data变量中data数组的列隐射关系
id: &id&,//单条数据中id字段
name: &name&
&span style=&font-family: Arial, Helvetica, sans-&&//单条数据中id字段&/span&&span style=&font-family: Arial, Helvetica, sans-&&
 &/span&&span style=&font-family: Arial, Helvetica, sans-&&
pageSize: 20
}5.grid初始化中的具体表格需要显示的数据声明
columns: [
{ field: &id&, title: &id&, format: &{0:c}&, width: &130px& },
{ field: &name&, title: &名称&, width: &130px& }
]field是指单挑数据中的对应的字段，title是表头显示的文字，format是格式化显示，其它的一些针对于具体表格显示的列的设置也是在这里
Kendo UI用户界面是利用WEB中最新的技术HTML5、CSS3、JavaScript而建立的
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&&&
WEB前端教程最近更新1026人阅读
Kendo UI（2）
JavaScript（6）
在对于table进行处理时候，最常用的还是点击或者双击当前行，从而获取当前行的数据，
&span style=&font-size:14&& var detailgrid = $(&#Grid&).kendoGrid({
dataSource: detailSources,
columns: [
{ field: 'name', title: '姓名', width: 100 },
{ field: 'lisence_no', title: '执照号', width: 140 },
{ field: 'date_valid', title: '执照有效期', width: 100},
{ field: 'lisence_sci', title: '执照专业', width: 80 }
editable: {
mode: &popup&
selectable: true,
autoBind: false,
pageable: true
});&/span&&pre class=&javascript& name=&code&&&span style=&font-size:14&&// 单击行事件
detailgrid.on('click', '.k-grid-content tr', function () {
// 获取当前选择行数据
var row = detailgrid.data(&kendoGrid&).select();
var data = detailgrid.data(&kendoGrid&).dataItem(row);
var Name = data.
});&/span&
&span style=&font-size:14&&// 双击行事件
detailgrid.on('dblclick', '.k-grid-content tr', function () {
// 获取当前选择行数据
var row = detailgrid.data(&kendoGrid&).select();
var data = detailgrid.data(&kendoGrid&).dataItem(row);
var Name = data.
});&/span&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：6709次
排名：千里之外
原创：15篇
转载：13篇
(1)(2)(2)(3)(3)(4)(1)(1)(1)(2)(1)(7)16427人阅读
JavaScript开发（5）
Kendo UI开发总结 By Gloomyfish on
在Grid中支持分页刷新:&&&&&&&&&&&
scrollable: {virtual : true
在Grid的DataSource中添加分页支持：
serverPaging: true,
serverSorting: true,
serverFiltering: true,
pageSize: 50,
在grid中显示列(显示/隐藏菜单)与过滤支持菜单
filterable: true,
columnMenu: true,
在Grid中隐藏某个指定的列，需要在columns中指定column下面添加:
hidden:true,
使用模板来格式化显示grid中的列数据，给对应列添加模板的代码如下:
&&&&&&&& template : &#=(value==-1) ? '-' :formatValue(value)#&
对齐显示grid中列文本的代码如下：
attributes:{ style:
&text-align: right&}
绑定一个Kendo datasource到kendo.observable对象：
var formVM = kendo.observable({
&&&&&sources: formDS,
&&&&&source: null
绑定指定的formVM到某个Div元素：
kendo.bind($(&#form_div&),formVM);
在页面数据改变时，更新绑定的数据源(DataSource):
formDS.bind(&change&,
function() {
&&&//binds the view-model to the first entryin the
datasource
&&&formVM.set(&source&,
this.view()[0]);
强制更新form_div中的值：
formVM.set(&source.userName&,
'gloomyfish');对应的HTML为
id=&uname&name=&uname&
data-bind=&value: source.userName&/&
启动一个新的浏览器新窗口代码如下：
var left = (screen.width/2)-(800/2);
var top = 0;//(screen.height/2)-(800/2);
// force to open new widows in
chrome,IE, FF
window.open(&personInfo.html&,&_blank&,&resizable=yes, scrollbars=yes,titlebar=yes, width=800, height=800, top=&+
top +&, left=&+ left);
下载grid中选中的所有文件：
var grid = $(&#file_grid&).data(&kendoGrid&);
var tr = grid.select();
//gets selected &tr& element&&&&&&&&&&&
if(tr.length &= 1) {&&& &&&
&&& &&& for(var i=0; i&tr.i++) {
&&& &&& &&&& var item =grid.dataItem(tr[i]);
//gets the dataSourceitem
&&& &&& &&&& var fid = item.
&&&&&&&&&&& makeFrame(&file/&+ fid +&/fileContent.htm&);
&&& function makeFrame( url )
&&& &&& var ifrm = document.createElement(
&IFRAME&);
&&& &&& ifrm.setAttribute(
&style&, &display:&) ;
&&& &&& ifrm.setAttribute(
&src&, url ) ;
&&& &&& ifrm.style.width = 0+&px&;
&&& &&& ifrm.style.height = 0+&px&;
&&& &&& document.body.appendChild( ifrm ) ;
通过window.location或者window.location.href打开指定URL
同步Grid数据更新，使用如下代码：
grid.dataSource.sync()
myGrid.dataSource.read();
myGrid.refresh();
一个Ajax请求跳转页面的例子：
&&&$.ajax({
&&&&&&& url :
&openMyInfo&,
&&&&&&& type :
&&&&&&& data :&{userName: name, userId:id },&&&&&&&&
&&&&&&& success : function(jqXHR, textStatus) {
&&&&&&&&&&& if (jqXHR.jsonResponse.success) {&&&&&&&&&&&&&&
&&&&&&&&&&&&&&& var url = jqXHR.jsonResponse.
&&&&&&&&&&&&&&& window.location=&&&&&&&&&&&
&&&&&&&&&&& } else {
&&&&&&&&&&&&&&&alert(jqXHR.jsonResponse.message);
&&&&&&&&&&& }
&&&&&&& },
&&&&&&& error : function(jqXHR, textStatus, errorThrown) {
&&&&&&&&&&& alert (errorThrown);
Kendo UI dropdown list级联菜单刷新：
在父dropdown list上绑定change事件函数：change : onItemChange
在函数中刷新更新子dropdow list的数据源(data source)
var subDDList = $('#subListDiv').data(&kendoDropDownList&);
subDDList.setDataSource(buildSubList(selectParentId));
上传文件对话框使用
&&&$(&#selectedFiles&).kendoUpload({
&&&&&&& async: {
&&&&&&&&&&& saveUrl:
&myDomain/fileUpload.htm&,
&&&&&&&&&&& autoUpload: true
&&&&&&& },
&&&&&&& multiple:true, //
支持多个文件上传,
&&&&&&& complete: uploadFileComplete, //上传结束以后处理,
&&&&&&& error: onError,
&&&&&&& cancel: onCancel,
&&&&&&& select: onSelect,
&&&&&&& success: onSuccess
调用代码 $(&# selectedFiles &).click();//模拟鼠标双击事件调用,
页面上selectedFileshtml元素为隐藏对象。
禁用IE缓存，在JQuery1.2以上版本支持：
&&& type:&GET&,
&&& url:&static/cache.js&,
&&& dataType:&text&,
&&& cache:false,
// disable cache(禁用IE缓存)
&&& ifModified:true
在HTML文件中加上：
http-equiv=&Expires&content=&0&/&
http-equiv=&Cache-Control&content=&no-cache&/&
http-equiv=&Pragma&content=&no-cache&/&
提交数据之后打开在新窗口：
action=&getMyInfo.htm&method=&post&
target=&_blank&&
获取Servlet的真是路径：
request.getSession().getServletContext().getRealPath(&/&);
实现路径重定向：
((HttpServletResponse)response).sendRedirect(redirectURL);
JS中替换反斜线正则表达式：
myString = content.replace(/\//g,
或者：var value = value.replace(/\\/g,
&whatever&);
JQuery中报UncaughtSyntaxError: Unexpected identifier
原因多数是你在前一行少加了分号，或者使用了不恰当的关键字标识，比如
setTimeout(new
function(){alert(“Helloworld”);}, 200);
其中new是多余关键字，导致错误。
隐藏页面上DIV内容：
$(my_div_id).css(&display&,&none&);&&&
$(my_div_id).css(&display&,&&);
纯JavaScript方式实现，永远有效的隐藏一个DIV内容的方法：
document.getElementById('myDivID').style.display =
document.getElementById('myDivID').style.display =
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1654666次
积分：17606
积分：17606
排名：第333名
原创：214篇
评论：1047条
个人独立开发者
承接图像处理算法开发
提供图像处理相关技术咨询
精通数据可视化技术
超过12年Java编程经验
特别说明：谢绝源码索取
Java初学者群：
注明来自CSDN
《Java数字图像处理-编程技巧与应用实践》
文章：14篇
阅读：163372
文章：62篇
阅读：633722
(1)(3)(2)(1)(1)(3)(3)(7)(5)(2)(1)(1)(1)(2)(1)(1)(1)(2)(1)(1)(3)(1)(4)(7)(5)(5)(3)(4)(9)(6)(4)(4)(2)(6)(6)(7)(6)(6)(4)(7)(10)(8)(7)(7)(8)(4)(4)(3)(5)(3)(1)(1)(3)(2)(2)(1)(1)(3)(1)(1)(4)}