我有一个外部javascript文件,其中包含一个将对数据数组进行排序的函数 . 我想在我的HTML文件中使用HTML链接按特定列对表进行排序,如果多次按下 Headers 链接,它将在升序和降序排序之间切换 .
切换此设置的最佳方法是什么?我正在考虑在HTML端存储一个bool javascript变量来判断是否告诉javascript按升序或降序排序,但我希望能够在我的javascript中保留所有编程类型逻辑文件 . 也许我忽略了一种更简单的方法吗?
任何帮助都会得到满足 . 谢谢!
我将从JavaScript填充HTML表,并将排序类型(列和方向)保存为变量 . 因此,您只需更改排序值,然后重新运行填充HTML表的脚本 .
要触发更改,我会将click事件添加到运行函数的每个列 Headers (填充HTML之后) . 该函数将确定它是否是要排序的新列(更改列,将排序方向设置为默认值),或者它是否已经排序的同一列(只是更改排序方向),然后再次重新填充HTML .
这是一种MVC设计 .
我希望你改变一些你排序的方向的图标,所以,你可以关闭它 .
如果up_arrow则按降序排序
例如 .
将其存储在变量中的问题是,您必须跟踪该信息,这会使设计更难 .
2 回答
我将从JavaScript填充HTML表,并将排序类型(列和方向)保存为变量 . 因此,您只需更改排序值,然后重新运行填充HTML表的脚本 .
要触发更改,我会将click事件添加到运行函数的每个列 Headers (填充HTML之后) . 该函数将确定它是否是要排序的新列(更改列,将排序方向设置为默认值),或者它是否已经排序的同一列(只是更改排序方向),然后再次重新填充HTML .
这是一种MVC设计 .
我希望你改变一些你排序的方向的图标,所以,你可以关闭它 .
如果up_arrow则按降序排序
例如 .
将其存储在变量中的问题是,您必须跟踪该信息,这会使设计更难 .