如何调整电子产品展台台的排序

来源：蜘蛛抓取(WebSpider) 时间：2017-06-05 22:47 标签： 农产品展台
3101人阅读
cognos（4）
Cognos的排序做的实在是不怎么地，这两天借着比赛一时兴起，利用JavaScript实现了个排序的方法，个人感觉用起来比较方便，所以特地和大家分享一下
首先来说一下排序的方法，思路如下：增加一个数据项，该数据项根据参数进行判断，显示那个数据项的数据。然后将新增的数据项拖到列表中进行排序。再利用JavaScript将参数传递过去，实现排序。
开发界面如下：
Cognos的排序做的实在是不怎么地，这两天借着比赛一时兴起，利用JavaScript实现了个排序的方法，个人感觉用起来比较方便，所以特地和大家分享一下。（需要结合视频教程一起看）
首先来说一下排序的方法，思路如下：增加一个数据项，该数据项根据参数进行判断，显示那个数据项的数据。然后将新增的数据项拖到列表中进行排序。再利用JavaScript将参数传递过去，实现排序。
开发界面如下：
其中排序初始化HTML为核心代码，如下：
&script type=&text/javascript&&
var cvObject = eval(&oCV& + getObjectName());
function getObjectName()
return document.getElementById(&cv.id&).
function getRVContent()
var objName = getObjectName();
eval(&document.getElementById('RVContent& + objName + &');&);
function initSort(sortTableId)
/*说明：若报表中有提交操作的组件，比如完成button或自动提交的组件，则保持注释，若无，则将注释内容打开。这个很重要
cvObject.preProcessControlArray = [];
cvObject.gbPromptRequestSubmitted =
cvObject.bCanFinish =
cvObject.bNextPage =
cvObject.pageNavigationObserverArray = [];
cvObject.rangeObserverArray = [];
cvObject.multipleObserverArray = [];
cvObject.datePickerObserverArray = [];
cvObject.hasPromptKeyDown =
initSortColumn(getSortTable(sortTableId, getRVContent()));
function getSortTable(sortTableId, rvContent)
var tables = rvContent.getElementsByTagName(&table&);
for (var i = 0; i & tables. i++)
if (tables[i].getAttribute(&LID&) == sortTableId)
sortTable = tables[i];
return sortT
function initSortColumn(sortTable)
var headRow = sortTable.tBodies[0].rows[0];
var divs,ascendDiv,descendDiv,
var sortType = document.getElementById(&sort_Type&).
var sortColumn = document.getElementById(&sort_Column&).
for (var i = 0; i & headRow.cells. i++)
cell = headRow.cells[i];
divs = cell.getElementsByTagName(&DIV&);
for (var j = 0; j & divs. j++)
if (divs[j].getAttribute(&sortcolumn&) != null)
divs[j].style.float=&left&;
if (divs[j].getAttribute(&sortcolumn&) == sortColumn)
if (sortType == 1)
ascendDiv = &&div onclick = \&sortColumn(1,'& + divs[j].getAttribute(&sortcolumn&) + &')\& class=\&sortColumAscendOver\&&&/div&&;
descendDiv = &&div onclick = \&sortColumn(-1,'& + divs[j].getAttribute(&sortcolumn&) + &')\& class=\&sortColumDescendOut\&&&/div&&;
ascendDiv = &&div onclick = \&sortColumn(1,'& + divs[j].getAttribute(&sortcolumn&) + &')\& class=\&sortColumAscendOut\&&&/div&&;
descendDiv = &&div onclick = \&sortColumn(-1,'& + divs[j].getAttribute(&sortcolumn&) + &')\& class=\&sortColumDescendOver\&&&/div&&;
ascendDiv = &&div onclick = \&sortColumn(1,'& + divs[j].getAttribute(&sortcolumn&) + &')\& class=\&sortColumAscendOut\&&&/div&&;
descendDiv = &&div onclick = \&sortColumn(-1,'& + divs[j].getAttribute(&sortcolumn&) + &')\& class=\&sortColumDescendOut\&&&/div&&;
divs[j].innerHTML = ascendDiv + descendD
function sortColumn(sortType, sortColumn)
var oRequest = new CCognosViewerRequest(&forward&);
oRequest.addParameter(&p_sortType&, sortType);
oRequest.addParameter(&p_sortColumn&, sortColumn);
cvObject.submitPromptValues(oRequest);
initSort(&列表1&);
&style type=&text/css&&
.sortColumAscendOver {
height: 20
background-image: url( &../pat/images/sortAscending.gif& );
background-position:
background-repeat: no-
.sortColumAscendOut {
height: 20
background-image: url( &../pat/images/sortAscending_disabled.gif& );
background-position:
background-repeat: no-
.sortColumDescendOver {
height: 20
background-image: url( &../pat/images/sortDescending.gif& );
background-position:
background-repeat: no-
.sortColumDescendOut {
height: 20
background-image: url( &../pat/images/sortDescending_disabled.gif& );
background-position:
background-repeat: no-
其中排序参数内容如下：
'&input type=&hidden& id=&sort_Type& name=&sort_Type& value=&'+ParamValue('sortType')+'&/&&input type=&hidden&
id=&sort_Column& name=&sort_Column& value=&'+ParamValue('sortColumn')+'&/&'
使用报表表达式来获取传递过来的参数值，其中
sortTyp表示升序还是降序
sortColumn表示要进行排序的字段
排序标记内容如下：
&DIV sortcolumn=&CURRENT_EMPLOYEE_NUMBER&& &/DIV&
其中sortcolumn表示该排序针对的字段是CURRENT_EMPLOYEE_NUMBER，根据需要增加排序的字段。
排序的最终效果如下图：
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：124705次
积分：1362
积分：1362
排名：千里之外
原创：18篇
转载：12篇
(1)(1)(5)(11)(1)(1)(2)(11)(1)(2)你正在使用的浏览器版本过低，将不能正常浏览和使用知乎。

我要回帖

更多关于 农产品展台 的文章

 

随机推荐