Custom icon

iconCls Enumeration of all property values :

icon-add icon-print icon-mini-add icon-cvs icon-play icon-refresh
icon-edit icon-help icon-mini-edit icon-pencil    
icon-remove icon-undo icon-mini-refresh      
icon-save icon-redo        
icon-cut icon-back        
icon-ok icon-sum        
icon-no icon-tip        
icon-cancel icon-filter        
icon-reload icon-blank        
icon-search

If you want to customize the icon , Can be in icon.css in , Just follow the example , as follows :

.icon-clear{
background:url('icons/clear.png') no-repeat center center;
}
.icon-remove{
background:url('icons/edit_remove.png') no-repeat center center;
}
Customize :
.icon-usotme{
background:url('icons/usotme.png') no-repeat center center;
}
Reference resources :https://www.cnblogs.com/GuZhenYin/p/6088327.html
Online modification is also available , You can refer to https://www.jeasyui.com/themebuilder/index.php#.
The government provided all the information theme, in general material Closest to the flat style now , As long as the icon is changed, it is basically feasible as follows :

Select line by operation
datagrid Gets the id And unselected rows , May refer to :http://blog.csdn.net/isea533/article/details/50929752
datagrid Of reload And query parameters adopt
queryParams You can set datagrid The query parameters of , But every time reload When ,queryParams Will be emptied , So every time reload Before you get back , as follows :
$("#list_data").datagrid("options").queryParams = getParams();
$("#list_data").datagrid("reload"); datagrid Center the title , Column left or right
{ field: 'Name', title: ' Constraint name ', width: 80, align: 'left', halign: 'center', },

among align:'left' Control content on the left , halign: 'center' Control Title Center .

datagrid Complex header

frozenColumns: [[
{ title: ' type ', field: 'regionname', width: 100, align:"center"}
]],
columns:
[
[{"title":" Total receivables ","colspan":4},
{"title":" Total payable ","colspan":4}],
[{"field":"uname0","title":" Stroke number ","rowspan":1,"width":150, halign: 'center', align:"right"},
{"field":"config_gender1","title":" receivable ","rowspan":1,"width":150, halign: 'center', align:"right"},
{"field":"config_gender2","title":" Received ","rowspan":1,"width":150, halign: 'center', align:"right"},
{"field":"config_gender2","title":" Uncollected ","rowspan":1,"width":150, halign: 'center', align:"right"},
{"field":"config_datatype0","title":" Stroke number ","rowspan":1,"width":150, halign: 'center', align:"right"},
{"field":"config_datatype1","title":" To cope with ","rowspan":1,"width":150, halign: 'center', align:"right"},
{"field":"config_datatype2","title":" Paid ","rowspan":1,"width":150, halign: 'center', align:"right"},
{"field":"config_datatype2","title":" Unpaid ","rowspan":1,"width":150, halign: 'center', align:"right"}]
]

datetimepicker Adjust the date

bootstrap datetimepicker It does not provide the interface setting time , If you need to set , It can be directly to input Set up value, as follows :

function setLastWeek() {
var sysdate = getSysdate();
var sevenDaysAgo = addDays(sysdate,-7);
$('input[name=beginBizDatetime]').val(sevenDaysAgo);
$('input[name=endBizDatetime]').val(sysdate);
} function setLastMonth() {
var sysdate = getSysdate();
var sevenDaysAgo = addDays(sysdate,-30);
$('input[name=beginBizDatetime]').val(sevenDaysAgo);
$('input[name=endBizDatetime]').val(sysdate);
}
/**
* Gets the current date and time Format “yyyy-MM-dd HH:MM:SS”
* @returns {string}
*/
function getSysdate() {
var date = new Date();
var seperator1 = "-";
var seperator2 = ":";
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var sysdate = date.getFullYear() + seperator1 + month + seperator1 + strDate;
return sysdate;
} function addDays(date,days){
var d=new Date(date);
d.setDate(d.getDate()+days);
var month=d.getMonth()+1;
var day = d.getDate();
if(month<10){
month = "0"+month;
}
if(day<10){
day = "0"+day;
}
var val = d.getFullYear()+"-"+month+"-"+day;
return val;
}  

Javascript newspaper uncaught typeerror illegal invocation error

In use ajax When passing values to the background, an object is passed as a parameter , That's why we report this mistake .

function getParams() {
var param = {"operatorName":$("#operatorName"),"roleName":$("#roleName")};
return param;
} install c-lodop after ,c-lodop web Print newspaper “PRINT_INIT is not a function”.
Google 45 No longer supported after version np Plug in features , Including fox 64 Bit and edge browser , No longer support , Causes control mode to fail to run .lodop The company launched a new product c-lodop, compatible lodop Grammar and function , After upgrading It can run normally .
You can use the following :
<script src='http://localhost:8000/CLodopfuncs.js'></script>

<script language="javascript" type="text/javascript">
window.setTimeout(function() {
var strHTML=document.getElementsByTagName("html")[0].innerHTML;
LODOP.PRINT_INITA(1,1,770,660," Test preview function ");
LODOP.ADD_PRINT_TEXT(10,60,300,200," This is the plain text of the test , Here's hypertext :");
LODOP.ADD_PRINT_HTM(30,5,"100%","80%",strHTML);
LODOP.PREVIEW();
},3000);
</script>

Be sure to wait websocket After the connection is called , Otherwise, it will prompt websocket Not ready .

ajax In request contentType:"application/json;charset=utf-8"  The meaning of ( Because we will http Redirect to https After some post Exception in request , By increasing the contentType:"application/json;charset=utf-8" After the solution ), Use the browser to enter url There is no way to define Content-Type, therefore spring Can't find request body.@RequestBody All request parameters need to be taken as json analysis , therefore , Can not contain key=value This way of writing is asking for url in , All request parameters are one json, Need to use ajax Submit . as follows :

$.ajax({
url:"/api/xxx/aaa",
type:"POST",
dataType:"json",
async:false,
contentType:"application/json;charset=utf-8",
data: JSON.stringify({"id":"id0003","name":"name0003"}),
success:function(message){
//TODO
},
error:function(message){
$("request-process-patent").html("fail to post");
}
});
@RequestMapping(value="/aaa",method= RequestMethod.POST)
public JsonResult userMgr(@RequestBody Map<String,String> map){
String id=map.get("id");
String name=map.get("name");
}
$.ajax({
url:"/api/xxx/bbb",
type:"POST",
dataType:"json",
async:false,
data:{
"id":"id001",
"name":"name001"
},
success:function(data){
if("200"==data.code)
{
alert(data.data);
}else{
alert(data.code);
}
},
});
@RequestMapping(value="/bbb",method= RequestMethod.POST)
public JsonResult usrAdmin(@RequestParam String id, @RequestParam String name){
logger.info("assetIssue parameters:"+ id+":"+name);
} @RequestMapping(value="/bbb",method= RequestMethod.POST)
public JsonResult usrAdmin(MyObject param){
logger.info("assetIssue parameters:"+ param.id+":"+ param.name);
}

For complex objects ( Objects nesting objects ), Use MyObject It won't be able to inject , newspaper org.springframework.http.converter.HttpMessageNotReadableException: Could not read document: Can not deserialize instance of . The service side with string Accept , Client side usage JSON.stringify Pass on json character string .

javascript in $(function() {});

javascript in $(function() {....})  yes jQuery The classic usage of , Equate to  $(document).ready(function() {....}), That is, a function is executed after the page is loaded , If you want to operate in a function DOM, It's safer to execute after the page is loaded , So it's using jQuery It's very common to write like this .

(function(){})() Represents the immediate execution of an anonymous method
It's usually used to isolate from the outside world   Create a closure like environment Create a scope chain Avoid variable conflicts .

ES 6 New characteristics

ES6 The module has two main functions :export and import ( But mainstream browsers like chrome/ie Don't support )

export Used to output this module to the outside ( A file can be understood as a module ) The interface of variables

import Used to load another containing... In one module export Interface module .

ES6 There are two new features in :let and const, In order to understand let, We need to remember var Is to create variables for the lifetime of the function .

Unlike Java Or other languages , Any variable in JS Is created within a function , It will be upgraded to the outside of the function , No matter where you define variables , It's all the same as what you defined at the top of the function , This behavior is called hoisting.

let It's in a block of code , Variable names can only be visible in code blocks .

summary :var yes function-scoped, and let yes block-scoped.

const Is to create constants using , Once created, it will never be conceptualized , as follows :

const SERVER_URL = "http://www.jdon.com"

ES6 There are other new features :Map, WeakMap, generators and Proxies

So when can I use ES6 These characteristics ? See the website below :

http://kangax.github.com/es5-compat-table/es6/

npm WARN enoent ENOENT: no such file or directory, open 'C:\Program Files\nodejs \package.json'

stay node.js Install micro blog under the installation directory 、 frame express

There are some problems

The way to solve the problem is in C:\Program Files\nodejs\node_modules Of npm Install under Directory .

install webpack A warning : fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):

 

The warnings are as follows :

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.17: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN vue-loader-demo@1.0.0 No description
npm WARN vue-loader-demo@1.0.0 No repository field.

The reason is because : fsevent yes mac osx Systematic , stay win perhaps Linux Under the use of So there's a warning , Can be ignored . It means that you have installed it successfully . Piss me off , I always thought there was something wrong

easyui as well as js Front end development FAQs 、 Usage arrangement ( The most important style and icon customization ) More articles about

  1. JS The front-end development judges whether it is the mobile terminal and jumps to the operation ( Summary )

    JS The front-end development judges whether it is the mobile terminal and jumps to the operation ( Summary ) This article mainly introduces JS The front-end development judges whether it is the mobile terminal and jumps to the operation , Very good , It has reference value , Friends in need can refer to Common jump codes ? 1 2 3 4 5 6 7 ...

  2. JS~~~ Some common techniques of front end development Modular structure &amp;&amp;&amp;&amp;&amp; Namespace processing Exotic curiosity-a solution looking !!!!!!

    Some common techniques of front end development               Modular structure       &&&&&     Namespace processing Exotic curiosity-a solution looking !!!!!!2016-09-29    17 ...

  3. FIS.js Front end development documentation

    Document structure What is? FIS Deploy FIS FIS Basic use Module definition Loading mode call Tangram 2.0 One . What is? FIS FIS It provides a set of development system and integrated development environment throughout the development process , Provide the front-end development infrastructure for the product line ...

  4. web Necessary compression tools for front-end development

    There are two factors that affect the opening time of a website , One is the loading speed of web pages , The other is the page size of the website . The loading speed of website is related to the network environment and host performance of users , The size of the web page is determined by the developer , The main thing is web The work of a front-end development engineer . this paper ...

  5. The front-end development -- Arrange interview questions (JS piece )

    1. Intercepting string abcdace Of acealert('abcdace'.substring(4)); 2. avoid javascript Many people develop function double name problem, namespace closed space js modularization mvc( The data layer . The presentation layer . control ...

  6. WEB Front end development FAQ summary

    1.web How to realize code scanning login , Ideas ? step WEB platform mobile phone The first 1 Step Generate qr code The first 2 Step (ajax Monitoring background ) Sweep code The first 3 Step (ajax Monitoring background ) determine ( Background asynchronous notification WEB platform ) The first 4 Step AJAX I found that ...

  7. [JS The front-end development ] js/jquery Control page dynamic loading data The slider automatically loads Events

    Page scrolling dynamic loading data , Page dropdown automatically loads content I believe many people have seen the picture layout of waterfall flow , Those pictures are loaded dynamically , The effect is very good , The pressure on the server is much less I believe those who have mobile phones have seen this effect : Get into qq Space , Pull it down ...

  8. [JS The front-end development ] js/jquery Control page dynamic loading data Slide the scroll bar to load the event itself

    I'm a rookie . For self-learning and communication PHP(jquery,linux,lamp,shell,javascript,server) And so on , The rookie created a group . I hope that people who only visit this blog can come in and communicate . seek ...

  9. The front-end development —— Move bug Arrangement

    1.ios Next jquery Of delegate Failure problem ? Solution : $("body").delegate(...) Change it to $(".item").delegate( ...

Random recommendation

  1. Development language performance comparison ,C++、Java、Python、LUA、TCC

    I always want to compare the performance of development languages , I just have time to do it for your reference , Compile class :C++ and Java Good performance Script class :TCC Scripts run dynamically C Language , Performance is much faster than other scripts ... Want to play TCC Download the test package ,TCC Repair under the catalog ...

  2. C Language battle-hardened 10

    // subject 28: Yes 5 A person sits together , Ask the fifth person how old ? He said bidi 4 Personal big 2 year . Ask No 4 Personal age , He said bidi //3 Personal big 2 year . Ask the third person , And he said bidi 2 People are two years old . Ask No 2 personal , Say two years older than the first one . Last // Ask the first person ...

  3. external dtd

    Quote external dtd The grammar of :<!DOCTYPE  Root element  SYSTEM “DTD Document path ”> PUBLIC: public SYSTEM: private One xml file : The introduction of a dtd file ( Note that the suffix of the file is dtd)

  4. poj3264 Line segment tree

    Balanced Lineup Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 44121   Accepted: 20715 ...

  5. bootstrap General rules

    The system goes through bootstrap Things that are 1/  Set the page to H5 The document type <!DOCTYPE html> <html lang="zh-CN"> ... &l ...

  6. js Get the date of the last few days ( Reprint )

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  7. game UI framework design (7): Resource internationalization Technology

    game UI framework design (7) -- Resource internationalization Technology Speaking of " Internationalization of resources " technology , I think it can be traced back to Microsoft Window2000 PC Release of operating system , before this windows98 The development of operating system is based on ...

  8. (NO.00003)iOS Game simple robot projection game ( Two )

    open Ai Draw the body of the robot in order of demand , Arms and baskets : Because it's an experimental game, there's no need to spend too much time on it , Just draw the meaning . Although it is 2D game , But the real game can show pseudo 3D The graphic effect of ; Although the game elements of this painting are full of ...

  9. Generic XXE Detection

    Refer to the connection :https://www.christian-schneider.net/GenericXxeDetection.html In this article I present some tho ...

  10. eclipse Medium project jdk1.8 When you refresh it, it becomes 1.5 Solutions for

    https://blog.csdn.net/qq_32814555/article/details/82803017 ***************************************** ...