how to define complex sort function

[Nyx2022]

hello,i found this lib is very good,but the sort function should be enhanced,when i use api.on("sort-rows", (ev) => {})，it only can get the prop and order,which can not get the compared 2 value,so i can not define my soort function,especially when i add datat from server.in addtion,it has not auto sort after data updated,can you add a attr to control this behavior

[Zwillinge]

Hello,

Now there's no specific API to define a custom sorting function, but you can sort the data itself and define the related sortMarks by widget props

let data = $state(/*your data*/);
let sortMarks = $state({});

function init(api){
   api.intercept("sort-rows", ({ key })=>{
		const order = sortMarks[key] ? (sortMarks[key].order == "asc" ? "desc" : "asc") :"asc";
		let nextData = [...data];
		//sort and reassign data
		if(order == "asc") nextData.sort(handler1);
		else nextData.sort(handler2);
		data = nextData;
		// assign marks
		sortMarks = {...sortMarks, [key]:{order}};
		//block default flow
		return false;
   });
}

<Grid {init} {data} {sortMarks}/>

However, we do plan to add this possibility to Grid API in next versions, as it is rather a common case.

it has not auto sort after data updated,can you add a attr to control this behavior

Both filtering and sorting are not applied after data changes by design, because it is not always expected that items disappear from the initial position right after they were added/edited. That's why we expect that developers who need it will re-sort and re-filter data themselves either listening to the related actions or subscribing to data changes, but the API looks not that nice for this particular case, probably we will rework it into something more usable.

Thank you for coming up with this topic

[Nyx2022]

ok，thank you for your replies, wish the coming of new versions,i think this lib will be the most popular lib if some problems be fixed well

[Nyx2022]

Hello,

Now there's no specific API to define a custom sorting function, but you can sort the data itself and define the related sortMarks by widget props

let data = $state(/*your data*/);
let sortMarks = $state({});

function init(api){
   api.intercept("sort-rows", ({ key })=>{
		const order = sortMarks[key] ? (sortMarks[key].order == "asc" ? "desc" : "asc") :"asc";
		let nextData = [...data];
		//sort and reassign data
		if(order == "asc") nextData.sort(handler1);
		else nextData.sort(handler2);
		data = nextData;
		// assign marks
		sortMarks = {...sortMarks, [key]:{order}};
		//block default flow
		return false;
   });
}

<Grid {init} {data} {sortMarks}/>

However, we do plan to add this possibility to Grid API in next versions, as it is rather a common case.

it has not auto sort after data updated,can you add a attr to control this behavior

Both filtering and sorting are not applied after data changes by design, because it is not always expected that items disappear from the initial position right after they were added/edited. That's why we expect that developers who need it will re-sort and re-filter data themselves either listening to the related actions or subscribing to data changes, but the API looks not that nice for this particular case, probably we will rework it into something more usable.

Thank you for coming up with this topic

but i do not know handler1, handler2 means what,and i think this logic perhaps not good enough