2016订货会项目总结2

关于项目中的input的经验总结

(1)palceholder中的值和value的值不一样,可以使用line-height:noraml

(2)input框的处理

//方法一,清空input的值

function inputfocus(){
var e=e||window.event;
var target=e.srcElement||e.target;
target.value="";
}
//方法二 清空input的值

function inputfocus(e){
e.value="";
}
//选中input内的文字 (全选)
function selchar(e){
e.select();
}
//方法二 取得选择文本
function getSelectedText(e){
if(typeof e.selectionStart=="number"){
return e.value.substring( e.selectionStart,e.selectionEnd);
}else if(document.selection){
return document.selection.createRange().text;
}
}
//选择部分文本
textbox.value="Hello World";
textbox.setSelectionRange(0,3)//ie9,和其他浏览器
//兼容方式
function selectText(textbox,startIndex,endIndex){
if(textbox.setSelectionRange){
textbox.setSelectionRange(startIndex,endIndex)/
}else{
var range=textbox.createTextRange();
range.collapse(true);
range.moveStart("character",startIndex);
range.moveEnd("character",endIndex-startIndex);
range.select();
}
}

(3)数字input自动跳格

其首先先设定跳格的位数

关于订货会软件的数据分析模块

对于订货的情况的分析主要包括一个表格的分析,和扇形图的分析; 扇形图的绘制只要引用了e-charts中的扇形;关于所用到的扇形的接口,自然是后台的数据转为符合e-chart的所需要的数据进行接入,其中是json数据,有的是数组,根据实际情况进行得到json

关于订货中表格的渲染10.28写,因为今天的主要目标是能够深入的理解grunt

关于grunt的学习内容也会在这一周排上

表格的数据的呈现

后台的json的数据的直接渲染,相信这个大家都没有问题我随便举个例子


或者按需进行分类的总计的显示

第三种渲染是极其重要的一种渲染,其是按需渲染的,横向表就是典型的代表;
其表现形式如下
//其json为要求在同个省份的渲染成一个表
//这种数据的填充方式是先见表格画出来,然后对应的填进去

关于报表中的提高用户体验的方法,返回顶部,修改订单后返回该款的位置,图片的放大

涉及的知识scrollTo

报表表头的固定

posted @ 2016-12-26 22:31  莺哥  阅读(251)  评论(0编辑  收藏  举报