ASP.NET ਗਰਿੱਡ ਖੋਜ ਅਤੇ ਚੋਣ ਵਿੱਚ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣਾ
ਗਾਹਕਾਂ ਨੂੰ ਗਰਿੱਡ ਇੰਟਰਫੇਸ ਦੇ ਅੰਦਰ ਵਸਤੂਆਂ ਨੂੰ ਖੋਜਣ ਅਤੇ ਚੁਣਨ ਦੀ ਯੋਗਤਾ ਪ੍ਰਦਾਨ ਕਰਨਾ ASP.NET ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਇੱਕ ਆਮ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ। ਡਿਵੈਲਪਰ, ਹਾਲਾਂਕਿ, ਅਕਸਰ ਇੱਕ ਸਮੱਸਿਆ ਦਾ ਸਾਹਮਣਾ ਕਰਦੇ ਹਨ: ਜਦੋਂ ਇੱਕ ਆਈਟਮ ਚੁਣੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਗਰਿੱਡ ਰਿਫ੍ਰੈਸ਼ ਹੋ ਜਾਂਦਾ ਹੈ ਅਤੇ ਖੋਜ ਮਾਪਦੰਡ ਖਤਮ ਹੋ ਜਾਂਦੇ ਹਨ। ਕਿਉਂਕਿ ਹਰ ਵਾਰ ਜਦੋਂ ਉਹ ਨਵੀਂ ਆਈਟਮ ਚੁਣਦੇ ਹਨ ਤਾਂ ਉਹਨਾਂ ਨੂੰ ਆਪਣੀ ਖੋਜ ਨੂੰ ਮੁੜ ਚਾਲੂ ਕਰਨਾ ਪੈਂਦਾ ਹੈ, ਇਹ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਪਰੇਸ਼ਾਨ ਕਰ ਸਕਦਾ ਹੈ।
ਵਰਤੋਂਯੋਗਤਾ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਪੋਸਟਬੈਕ ਜਾਂ ਗਰਿੱਡ ਅੱਪਡੇਟ ਤੋਂ ਬਾਅਦ ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣਾ ਲਾਜ਼ਮੀ ਹੈ। ਇਹ ਖਾਸ ਤੌਰ 'ਤੇ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਖਪਤਕਾਰਾਂ ਨੂੰ ਇੱਕੋ ਮਿਆਰਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਕਈ ਵਿਕਲਪ ਚੁਣਨੇ ਪੈਂਦੇ ਹਨ। ਜੇਕਰ ਖੋਜ ਸ਼ਬਦ ਗੁੰਮ ਹੋ ਜਾਂਦੇ ਹਨ ਤਾਂ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਬੇਲੋੜੀ ਦੁਹਰਾਇਆ ਜਾਂਦਾ ਹੈ।
ਖੁਸ਼ਕਿਸਮਤੀ ਨਾਲ, ਅਸੀਂ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹਾਂ ਕਿ JavaScript ਅਤੇ ASP.NET ਦੀਆਂ ਬਿਲਟ-ਇਨ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗਰਿੱਡ ਵਿੱਚ ਇੱਕ ਆਈਟਮ ਨੂੰ ਚੁਣਨ ਤੋਂ ਬਾਅਦ ਵੀ ਖੋਜ ਕੀਵਰਡ ਜਾਰੀ ਰਹੇ। DataTables ਅਤੇ ASP.NET ਦੀ ਵਿਊ ਸਥਿਤੀ ਨੂੰ ਪੂਰਕ ਕਰਨ ਵਾਲੇ ਤਰੀਕਿਆਂ ਦੀ ਵਰਤੋਂ ਰਾਹੀਂ, ਅਸੀਂ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਹੋਰ ਸੁਚਾਰੂ ਬਣਾ ਸਕਦੇ ਹਾਂ।
ਅਸੀਂ ਇਸ ਗਾਈਡ ਵਿੱਚ ਇੱਕ ASP.NET ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਇਸਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ JavaScript ਅਤੇ VB.Net ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ ਇਸ ਬਾਰੇ ਦੇਖਾਂਗੇ। ਅਸੀਂ ਤੁਹਾਨੂੰ ਇਹ ਦਿਖਾਉਣ ਲਈ ਇੱਕ ਅਸਲ-ਸੰਸਾਰ ਦ੍ਰਿਸ਼ ਵਿੱਚ ਵੀ ਜਾਵਾਂਗੇ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਗਰਿੱਡ ਨੂੰ ਅੱਪਡੇਟ ਕਰਦੇ ਹੋਏ ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਬਰਕਰਾਰ ਰੱਖਣਾ ਹੈ।
| ਹੁਕਮ | ਵਰਤੋਂ ਦੀ ਉਦਾਹਰਨ |
|---|---|
| sessionStorage.getItem() | ਖੋਜ ਪੈਰਾਮੀਟਰਾਂ ਨੂੰ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸੈਸ਼ਨ ਸਟੋਰੇਜ ਤੋਂ ਇਸ ਕਮਾਂਡ ਨਾਲ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਇਹ ਖੋਜ ਮੁੱਲ ਨੂੰ ਮੁੜ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ ਜੋ ਪਹਿਲਾਂ ਪ੍ਰਦਾਨ ਕੀਤਾ ਗਿਆ ਸੀ ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਇੱਕ ਪੰਨੇ ਨੂੰ ਤਾਜ਼ਾ ਕਰਨ ਜਾਂ ਗਰਿੱਡ ਅੱਪਡੇਟ ਤੋਂ ਬਾਅਦ ਖੋਜ ਖੇਤਰ ਦੁਬਾਰਾ ਭਰਿਆ ਗਿਆ ਹੈ। |
| sessionStorage.setItem() | ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸੈਸ਼ਨ ਸਟੋਰੇਜ ਵਿੱਚ ਮੌਜੂਦਾ ਖੋਜ ਪੁੱਛਗਿੱਛ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਦਾ ਹੈ। ਇਹ ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਉਸ ਘਟਨਾ ਵਿੱਚ ਗੁਆਚਣ ਤੋਂ ਰੋਕਦਾ ਹੈ ਜਦੋਂ ਉਪਭੋਗਤਾ ਇੱਕ ਆਈਟਮ ਚੁਣਦਾ ਹੈ ਜਾਂ ASP.NET ਗਰਿੱਡ ਪੋਸਟਾਂ ਨੂੰ ਵਾਪਸ ਕਰਦਾ ਹੈ। |
| ScriptManager.RegisterStartupScript() | ਰਜਿਸਟਰ ਕਰਦਾ ਹੈ ਅਤੇ ਸਰਵਰ ਤੋਂ ASP.NET ਕਲਾਇੰਟ-ਸਾਈਡ ਸਕ੍ਰਿਪਟ ਚਲਾਉਂਦਾ ਹੈ। ਗਰਿੱਡ ਦੇ ਖੋਜ ਬਕਸੇ ਵਿੱਚ ਖੋਜ ਮੁੱਲ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਨ ਲਈ, ਇੱਥੇ ਸਟੋਰ ਕੀਤੇ ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਪੰਨਾ ਲੋਡ ਕਰਨ ਜਾਂ ਪੋਸਟਬੈਕ ਦੇ ਬਾਅਦ ਲਾਗੂ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। |
| DataTable().search() | ਇੱਕ ਅੱਪਡੇਟ ਜਾਂ ਪੰਨਾ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਕੈਸ਼ਡ ਖੋਜ ਮੁੱਲ ਨੂੰ ਇਸ DataTables ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗਰਿੱਡ 'ਤੇ ਵਾਪਸ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਇਹ ਗਰੰਟੀ ਦਿੰਦਾ ਹੈ ਕਿ ਗਰਿੱਡ ਨੂੰ ਖੋਜ ਪੁੱਛਗਿੱਛ ਦੇ ਅਨੁਸਾਰ ਫਿਲਟਰ ਕੀਤਾ ਗਿਆ ਹੈ ਜੋ ਪਹਿਲਾਂ ਇਨਪੁਟ ਸੀ। |
| DataTable().draw() | ਖੋਜ ਮਾਪਦੰਡ ਨੂੰ ਲਾਗੂ ਕਰਦਾ ਹੈ ਅਤੇ ਡੇਟਾ ਟੇਬਲ ਨੂੰ ਦੁਬਾਰਾ ਬਣਾਉਂਦਾ ਹੈ। ਜਦੋਂ AJAX ਜਾਂ ਕਿਸੇ ਹੋਰ ਤਕਨੀਕ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੰਨੇ ਨੂੰ ਤਾਜ਼ਾ ਜਾਂ ਅੱਪਡੇਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਖੋਜ ਸ਼ਬਦਾਂ ਨੂੰ ਮੁੜ ਲਾਗੂ ਕਰਨ ਅਤੇ ਫਿਲਟਰ ਕੀਤੇ ਡੇਟਾ ਨੂੰ ਦਿਖਾਉਣ ਲਈ ਇਸ ਕਮਾਂਡ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। |
| on('keyup') | ਖੋਜ ਇਨਪੁਟ ਬਾਕਸ ਵਿੱਚ ਇੱਕ ਇਵੈਂਟ ਹੈਂਡਲਰ ਜੋੜਦਾ ਹੈ ਤਾਂ ਜੋ ਹਰੇਕ ਕੀਸਟ੍ਰੋਕ ਨੂੰ ਰਿਕਾਰਡ ਕੀਤਾ ਜਾ ਸਕੇ। ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਖੋਜ ਮੁੱਲ ਨੂੰ ਕਾਇਮ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ ਭਾਵੇਂ ਗਰਿੱਡ ਨੂੰ ਤਾਜ਼ਾ ਕੀਤਾ ਗਿਆ ਹੋਵੇ ਜਾਂ ਮੌਜੂਦਾ ਖੋਜ ਇਨਪੁਟ ਨਾਲ ਸੈਸ਼ਨ ਸਟੋਰੇਜ ਨੂੰ ਅੱਪਡੇਟ ਕਰਕੇ ਮੁੜ ਲੋਡ ਕੀਤਾ ਗਿਆ ਹੋਵੇ। |
| __doPostBack() | ਇਹ ASP.NET ਫੰਕਸ਼ਨ ਪੋਸਟਬੈਕ ਸ਼ੁਰੂ ਕਰਨ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਰਵਰ ਨੂੰ ਡਾਟਾ ਵਾਪਸ ਭੇਜਦਾ ਹੈ। ਜਦੋਂ ਗਰਿੱਡ ਵਿੱਚ ਇੱਕ ਆਈਟਮ ਚੁਣੀ ਜਾਂਦੀ ਹੈ, ਤਾਂ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਸਰਵਰ ਨੂੰ ਮੌਜੂਦਾ ਖੋਜ ਮੁੱਲ ਨੂੰ ਸੰਚਾਰ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਇਹ ਗਰੰਟੀ ਦਿੰਦੀ ਹੈ ਕਿ ਸਰਵਰ-ਸਾਈਡ ਪ੍ਰਕਿਰਿਆਵਾਂ ਦੌਰਾਨ ਖੋਜ ਸਥਿਤੀ ਬਣਾਈ ਰੱਖੀ ਜਾਂਦੀ ਹੈ। |
| $.ajax() | ਸਰਵਰ ਨੂੰ ਇੱਕ ਅਸਿੰਕ੍ਰੋਨਸ HTTP ਬੇਨਤੀ ਭੇਜਦਾ ਹੈ। ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਇਹ ਪੂਰੇ ਪੰਨੇ ਨੂੰ ਰੀਲੋਡ ਕੀਤੇ ਬਿਨਾਂ ਸਰਵਰ ਨੂੰ ਖੋਜ ਮਾਪਦੰਡ ਭੇਜ ਕੇ AJAX ਦੇ ਨਾਲ ਵੈਬਸਾਈਟ ਦੇ ਖਾਸ ਖੇਤਰਾਂ (ਜਿਵੇਂ ਗਰਿੱਡ) ਨੂੰ ਅਪਡੇਟ ਕਰਦੇ ਹੋਏ ਖੋਜ ਇਨਪੁਟ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। |
ASP.NET ਗਰਿੱਡ ਵਿੱਚ ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣ ਲਈ ਸਕ੍ਰਿਪਟ ਹੱਲਾਂ ਨੂੰ ਸਮਝਣਾ
ਪੇਸ਼ ਕੀਤੀਆਂ ਸਕ੍ਰਿਪਟਾਂ ਦਾ ਉਦੇਸ਼ ASP.NET ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਇੱਕ ਆਮ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨਾ ਹੈ ਜਿੱਥੇ ਉਪਭੋਗਤਾ ਗਰਿੱਡ ਤੋਂ ਚੋਣ ਕਰਨ ਵੇਲੇ ਆਪਣੇ ਖੋਜ ਮਾਪਦੰਡਾਂ ਦਾ ਪਤਾ ਗੁਆ ਦਿੰਦੇ ਹਨ। ਪਹਿਲੀ ਪਹੁੰਚ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਲਾਇੰਟ ਸਾਈਡ 'ਤੇ ਖੋਜ ਇੰਪੁੱਟ ਨੂੰ ਸਟੋਰ ਕਰਦੀ ਹੈ ਫੰਕਸ਼ਨ. ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਇਸ ਰਣਨੀਤੀ ਦੁਆਰਾ ਸੁਧਾਰਿਆ ਗਿਆ ਹੈ, ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਵੈਬਸਾਈਟ ਦੇ ਰੀਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਵੀ ਖੋਜ ਵਾਕਾਂਸ਼ ਕਿਰਿਆਸ਼ੀਲ ਰਹਿੰਦਾ ਹੈ. ਜਦੋਂ ਪੰਨਾ ਰੀਲੋਡ ਹੁੰਦਾ ਹੈ ਜਾਂ ਕੋਈ ਆਈਟਮ ਚੁਣੀ ਜਾਂਦੀ ਹੈ, ਤਾਂ ਕੈਸ਼ਡ ਖੋਜ ਮੁੱਲ ਨੂੰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਇਨਪੁਟ ਨੂੰ ਕੈਪਚਰ ਅਤੇ ਸੁਰੱਖਿਅਤ ਕਰਕੇ ਗਰਿੱਡ 'ਤੇ ਦੁਬਾਰਾ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਸ ਵਿਧੀ ਲਈ ਉਪਭੋਗਤਾ ਨੂੰ ਉਹੀ ਮਾਪਦੰਡ ਦਾਖਲ ਕਰਦੇ ਰਹਿਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੋਵੇਗੀ।
ਇੱਕ ਹੋਰ ਤਰੀਕਾ ਸਰਵਰ-ਸਾਈਡ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ ASP.NET ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ. ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਖੋਜ ਮੁੱਲ ਨੂੰ ViewState ਆਬਜੈਕਟ ਵਿੱਚ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ, ਜੋ ਪੋਸਟਬੈਕਸ ਵਿੱਚ ਡੇਟਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦਾ ਹੈ। ViewState ਵਿੱਚ ਰੱਖੇ ਗਏ ਮੁੱਲ ਨੂੰ ਪੰਨੇ 'ਤੇ ਵਾਪਸ ਭੇਜ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ ਜਦੋਂ ਇੱਕ ਉਪਭੋਗਤਾ ਗਰਿੱਡ ਨਾਲ ਇੰਟਰੈਕਟ ਕਰਦਾ ਹੈ ਅਤੇ ਇੱਕ ਆਈਟਮ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ। ਇਹ ਵਿਧੀ ਗਾਰੰਟੀ ਦਿੰਦੀ ਹੈ ਕਿ ਖੋਜ ਮਾਪਦੰਡ ਪੂਰੇ ਸੈਸ਼ਨ ਲਈ ਪਹੁੰਚਯੋਗ ਹਨ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਸਰਵਰ-ਸਾਈਡ ਪ੍ਰੋਸੈਸਿੰਗ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। ਖੋਜ ਇਨਪੁਟ ਨੁਕਸਾਨ ਨੂੰ ਰੋਕਣ ਲਈ, ਸਰਵਰ ਫਿਰ ਕਲਾਇੰਟ-ਸਾਈਡ ਗਰਿੱਡ 'ਤੇ ਖੋਜ ਨੂੰ ਮੁੜ ਲਾਗੂ ਕਰਨ ਲਈ ਇੱਕ ਸਕ੍ਰਿਪਟ ਚਲਾ ਸਕਦਾ ਹੈ।
ਪੂਰੇ ਪੰਨੇ ਦੇ ਰੀਲੋਡ ਨੂੰ ਰੋਕਣ ਲਈ ਤੀਜੀ ਪਹੁੰਚ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਪੰਨੇ ਦਾ ਗਤੀਸ਼ੀਲ ਅੱਪਡੇਟ ਉਦੋਂ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਕੋਈ ਆਈਟਮ ਚੁਣੀ ਜਾਂਦੀ ਹੈ, ਜੋ ਸਰਵਰ ਨੂੰ ਅਸਿੰਕ੍ਰੋਨਸ ਬੇਨਤੀ ਨੂੰ ਚਾਲੂ ਕਰਦੀ ਹੈ। ਇਹ ਖੋਜ ਮਾਪਦੰਡ ਨੂੰ ਰੱਖਦਾ ਹੈ-ਜੋ AJAX ਬੇਨਤੀ ਦੇ ਨਾਲ ਦਿੱਤੇ ਗਏ ਹਨ-ਜਦੋਂ ਗਰਿੱਡ ਰਿਫ੍ਰੈਸ਼ ਹੁੰਦਾ ਹੈ। ਅੱਪਡੇਟ ਪੂਰਾ ਹੋਣ ਤੋਂ ਬਾਅਦ, JavaScript ਫੰਕਸ਼ਨ ਗਰਿੱਡ 'ਤੇ ਖੋਜ ਮੁੱਲ ਨੂੰ ਮੁੜ ਲਾਗੂ ਕਰਦਾ ਹੈ। ਇਹ ਤਕਨੀਕ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਵੱਧ ਤੋਂ ਵੱਧ ਕਰਨ ਲਈ ਗਰਿੱਡ ਦੀ ਸਥਿਤੀ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦੇ ਹੋਏ ਸਮਕਾਲੀ ਸਮੱਗਰੀ ਨੂੰ ਅੱਪਡੇਟ ਕਰਦੀ ਹੈ।
ਇੱਕ ਵੱਖਰੇ ਤਰੀਕੇ ਨਾਲ, ਇਹਨਾਂ ਵਿੱਚੋਂ ਹਰੇਕ ਵਿਧੀ ਖੋਜ ਇਨਪੁਟ ਦੀ ਸੰਭਾਲ ਦੀ ਗਾਰੰਟੀ ਦਿੰਦੀ ਹੈ। ਸਧਾਰਨ ਕਲਾਇੰਟ-ਸਾਈਡ ਹੱਲਾਂ ਲਈ, ਸੈਸ਼ਨ ਸਟੋਰੇਜ ਤਕਨੀਕ ਉਚਿਤ ਹੈ, ਜਦੋਂ ਕਿ ਵਿਊਸਟੇਟ ਇੱਕ ਵਧੇਰੇ ਵਿਆਪਕ ASP.NET ਰਣਨੀਤੀ ਪੇਸ਼ ਕਰਦਾ ਹੈ। AJAX ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਸਰਵਰ-ਸਾਈਡ ਅੱਪਡੇਟ ਅਤੇ ਕਲਾਇੰਟ-ਸਾਈਡ ਇੰਟਰਐਕਟੀਵਿਟੀ ਵਿਚਕਾਰ ਸੰਤੁਲਨ ਪ੍ਰਦਾਨ ਕਰਕੇ ਉਪਭੋਗਤਾ ਦੀਆਂ ਕਾਰਵਾਈਆਂ ਖੋਜ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਦਖਲ ਨਹੀਂ ਦਿੰਦੀਆਂ। ਹਰੇਕ ਹੱਲ ਪ੍ਰਦਰਸ਼ਨ ਅਤੇ ਉਪਯੋਗਤਾ ਦੇ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦਾ ਹੈ, ਉਪਭੋਗਤਾ ਦੇ ਰਗੜ ਨੂੰ ਘੱਟ ਕਰਨ ਅਤੇ ਇੱਕ ਸਹਿਜ ASP.NET ਗਰਿੱਡ-ਅਧਾਰਿਤ ਡੇਟਾ ਇੰਟਰੈਕਸ਼ਨ ਅਨੁਭਵ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣ ਦੇ ਟੀਚੇ ਨਾਲ।
ਆਈਟਮ ਦੀ ਚੋਣ ਤੋਂ ਬਾਅਦ ASP.NET ਗਰਿੱਡ ਵਿੱਚ ਖੋਜ ਮਾਪਦੰਡ ਨੂੰ ਕਾਇਮ ਰੱਖਣਾ
ਪਹੁੰਚ 1: ਸੈਸ਼ਨ ਸਟੋਰੇਜ਼ (ਕਲਾਇੰਟ-ਸਾਈਡ) ਨਾਲ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ
// JavaScript to store search criteria in session storage$(document).ready(function() {var searchValue = sessionStorage.getItem('searchValue') || '';var table = $('#gridViewArtifacts').DataTable({lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],searching: true,ordering: true,paging: true});table.search(searchValue).draw(); // Apply search from session$('#gridViewArtifacts_filter input').on('keyup', function() {sessionStorage.setItem('searchValue', $(this).val());});});
ASP.NET ਵਿੱਚ ਪੋਸਟਬੈਕ ਦੇ ਦੌਰਾਨ ਖੋਜ ਇੰਪੁੱਟ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਣਾ
ਪਹੁੰਚ 2: ASP.NET ਵਿਊਸਟੇਟ (ਸਰਵਰ-ਸਾਈਡ) ਦੀ ਵਰਤੋਂ ਕਰਨਾ
' VB.NET Code-Behind: Store search criteria in ViewStateProtected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.LoadIf Not IsPostBack ThenViewState("SearchValue") = String.EmptyEnd IfEnd SubProtected Sub chkSelect_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)' Retain search criteria in ViewStateDim searchValue As String = CType(ViewState("SearchValue"), String)ScriptManager.RegisterStartupScript(Me, Me.GetType(), "ApplySearch","document.getElementById('gridViewArtifacts_filter').value = '" & searchValue & "';", True)End Sub' Frontend JavaScript to capture search input$(document).ready(function() {$('#gridViewArtifacts_filter input').on('input', function() {__doPostBack('UpdateSearch', $(this).val());});});
ਪੂਰੇ ਪੰਨੇ ਨੂੰ ਮੁੜ ਲੋਡ ਕਰਨ ਤੋਂ ਰੋਕਣ ਲਈ AJAX ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਨਾ
ਪਹੁੰਚ 3: ਅੰਸ਼ਕ ਪੰਨਾ ਅੱਪਡੇਟਾਂ ਲਈ AJAX
// JavaScript for AJAX request to retain search after item selection$(document).ready(function() {$('#gridViewArtifacts').DataTable({lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],searching: true,ordering: true,paging: true});$('#chkSelect').on('change', function() {var searchValue = $('#gridViewArtifacts_filter input').val();$.ajax({type: 'POST',url: 'UpdateGrid.aspx',data: { searchValue: searchValue },success: function() {// Reapply search after AJAX update$('#gridViewArtifacts').DataTable().search(searchValue).draw();}});});});
ASP.NET ਅਤੇ JavaScript ਨਾਲ ਗਰਿੱਡ ਖੋਜ ਨਿਰੰਤਰਤਾ ਨੂੰ ਵਧਾਉਣਾ
ਪੇਜ ਰਿਫ੍ਰੈਸ਼ ਜਾਂ ਪੋਸਟਬੈਕ ਤੋਂ ਬਾਅਦ ਗਰਿੱਡ ਵਿੱਚ ਚੁਣੀਆਂ ਗਈਆਂ ਆਈਟਮਾਂ ਦੀ ਹਾਈਲਾਈਟ ਸਥਿਤੀ ਨੂੰ ਬਣਾਈ ਰੱਖਣਾ ASP.NET ਗਰਿੱਡ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਣ ਦਾ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਹਿੱਸਾ ਹੈ। ਉਪਭੋਗਤਾ ਆਪਣੀ ਚੋਣ ਦੇ ਸਥਾਨ 'ਤੇ ਰਹਿਣ ਦੀ ਉਮੀਦ ਕਰਦੇ ਹਨ ਕਿਉਂਕਿ ਉਹ ਇੰਟਰਫੇਸ ਦੇ ਦੂਜੇ ਖੇਤਰਾਂ ਨਾਲ ਇੰਟਰਫੇਸ ਕਰਦੇ ਹਨ ਜਦੋਂ ਉਹ ਕਈ ਚੋਣ ਕਰਦੇ ਹਨ। ਇਹ ਅਕਸਰ ਮੁਸ਼ਕਲ ਹੁੰਦਾ ਹੈ ਕਿਉਂਕਿ ਕੁਝ ਰਾਜ ਗਰਿੱਡ ਸੋਧਾਂ ਦੇ ਨਤੀਜੇ ਵਜੋਂ ਰੀਸੈਟ ਹੋ ਸਕਦੇ ਹਨ। JavaScript ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਅਤੇ ਇਸ ਨੂੰ ਹੱਲ ਕਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ ਪੋਸਟਬੈਕਸ ਤੋਂ ਬਾਅਦ ਚੋਣ ਸਥਿਤੀ ਨੂੰ ਸਟੋਰ ਕਰਨ ਅਤੇ ਦੁਬਾਰਾ ਲਾਗੂ ਕਰਨ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾ।
ਡਿਵੈਲਪਰ ਕਲਾਇੰਟ-ਸਾਈਡ ਸਟੋਰੇਜ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ, ਜਿਵੇਂ ਜਾਂ , ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਸਟੋਰ ਕਰਨ ਤੋਂ ਇਲਾਵਾ ਚੁਣੀਆਂ ਗਈਆਂ ਵਸਤੂਆਂ ਦਾ ਧਿਆਨ ਰੱਖਣ ਲਈ। ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਉਹਨਾਂ ਸਥਿਤੀਆਂ ਵਿੱਚ ਮਦਦਗਾਰ ਹੁੰਦਾ ਹੈ ਜਿੱਥੇ ਉਪਭੋਗਤਾ ਇੱਕ ਵਾਰ ਵਿੱਚ ਕਈ ਉਤਪਾਦ ਚੁਣਦੇ ਹਨ। JavaScript ਦੀ ਵਰਤੋਂ ਚੁਣੀ ਆਈਟਮ ID ਨੂੰ ਸਟੋਰ ਕਰਕੇ ਪੰਨੇ ਦੇ ਰੀਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਗਰਿੱਡ 'ਤੇ ਚੋਣ ਨੂੰ ਮੁੜ ਲਾਗੂ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ। ਉਪਭੋਗਤਾ ਦੀਆਂ ਕਾਰਵਾਈਆਂ ਨੂੰ ਗੁਆਚਣ ਤੋਂ ਰੋਕ ਕੇ, ਇਹ ਤਕਨੀਕ ਪੂਰੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਹੁਤ ਵਧਾਉਂਦੀ ਹੈ।
ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਗਰਿੱਡਾਂ ਲਈ ਬਿਹਤਰ ਗਤੀ ਦੀ ਗਾਰੰਟੀ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ, ਖਾਸ ਤੌਰ 'ਤੇ ਉਹ ਜੋ AJAX ਅਪਡੇਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵੱਡੇ ਡੇਟਾਸੇਟਾਂ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਦੇ ਹਨ। ਖੋਜ ਪੈਰਾਮੀਟਰਾਂ ਅਤੇ ਚੁਣੀਆਂ ਗਈਆਂ ਵਸਤੂਆਂ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦੇ ਹੋਏ, ਪੂਰੇ ਗਰਿੱਡ ਨੂੰ ਮੁੜ ਲੋਡ ਕਰਨ ਦੀ ਲੋੜ ਨੂੰ ਬਚਾਉਂਦੇ ਹੋਏ ਅੰਸ਼ਕ ਸੋਧਾਂ ਕੀਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ। ਇੱਕ ਹੋਰ ਤਰਲ ਅਤੇ ਇੰਟਰਐਕਟਿਵ ਗਰਿੱਡ ਅਨੁਭਵ ਜੋੜ ਕੇ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਸਰਵਰ-ਸਾਈਡ ਤਰਕ ਦੇ ਨਾਲ, ਜੋ ਵੈੱਬਸਾਈਟ ਨੂੰ ਉਹਨਾਂ ਦੇ ਵਰਕਫਲੋ ਵਿੱਚ ਦਖਲ ਦਿੱਤੇ ਬਿਨਾਂ ਉਪਭੋਗਤਾ ਦੀਆਂ ਗਤੀਵਿਧੀਆਂ ਲਈ ਗਤੀਸ਼ੀਲ ਰੂਪ ਵਿੱਚ ਅਨੁਕੂਲ ਬਣਾਉਣ ਦੇ ਯੋਗ ਬਣਾਉਂਦਾ ਹੈ।
- ਮੈਂ ਪੋਸਟਬੈਕ ਤੋਂ ਬਾਅਦ ਖੋਜ ਮਾਪਦੰਡ ਕਿਵੇਂ ਕਾਇਮ ਰੱਖ ਸਕਦਾ ਹਾਂ?
- ਖੋਜ ਇਨਪੁਟ ਨੂੰ ਸਟੋਰ ਕਰਕੇ ਪੋਸਟਬੈਕ ਦੇ ਵਿਚਕਾਰ ਖੋਜ ਮਾਪਦੰਡ ਸੁਰੱਖਿਅਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਜਾਂ .
- ਜਦੋਂ ਵੈੱਬਸਾਈਟ ਰਿਫ੍ਰੈਸ਼ ਹੁੰਦੀ ਹੈ, ਕੀ ਮੈਂ ਗਰਿੱਡ ਵਿੱਚ ਆਪਣੀਆਂ ਚੋਣਾਂ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ, ਜਦੋਂ ਪੰਨਾ ਰੀਲੋਡ ਹੁੰਦਾ ਹੈ ਤਾਂ ਚੁਣੀਆਂ ਆਈਟਮਾਂ ਆਈਡੀਆਂ ਨੂੰ ਦੁਬਾਰਾ ਲਾਗੂ ਕਰਨ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇਸ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕਰਕੇ ਜਾਂ .
- ਗਰਿੱਡ ਆਈਟਮਾਂ ਦੀ ਚੋਣ ਕਰਦੇ ਸਮੇਂ, ਕੀ ਪੰਨੇ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਰੀਲੋਡ ਹੋਣ ਤੋਂ ਰੋਕਣ ਦਾ ਕੋਈ ਤਰੀਕਾ ਹੈ?
- ਅੰਸ਼ਕ ਪੰਨਾ ਅੱਪਡੇਟ ਲਈ, ਵਰਤੋ ਗਰਿੱਡ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਰੀਲੋਡ ਹੋਣ ਤੋਂ ਬਚਣ ਅਤੇ ਖੋਜ ਮਾਪਦੰਡਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣ ਲਈ।
- ਕੀ ਪੋਸਟਬੈਕ ਦੇ ਵਿਚਕਾਰ ਛਾਂਟੀ ਅਤੇ ਪੇਜਿੰਗ ਵਿਕਲਪਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ?
- ਹਾਂ, ਰੁਜ਼ਗਾਰ ; ਵਿਕਲਪਕ ਤੌਰ 'ਤੇ, ਵਰਤੋਂ ਜਾਂ ਸਥਿਤੀ ਨੂੰ ਕਾਇਮ ਰੱਖਣ ਲਈ ਜਾਇਦਾਦ.
- ਗਰਿੱਡ ਵਿੱਚ ਆਈਟਮ ਦੀ ਚੋਣ ਅਤੇ ਇਕੱਠੇ ਖੋਜ ਨਿਰੰਤਰਤਾ?
- ਹਾਂ, ਤੁਸੀਂ ਖੋਜ ਮਾਪਦੰਡਾਂ ਅਤੇ ਚੁਣੀਆਂ ਆਈਟਮਾਂ ਨੂੰ ਸਟੋਰ ਕਰਨ ਤੋਂ ਬਾਅਦ ਪੰਨੇ ਨੂੰ ਰੀਲੋਡ ਕਰਨ 'ਤੇ ਦੁਬਾਰਾ ਲਾਗੂ ਕਰਨ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। .
ASP.NET ਗਰਿੱਡਾਂ ਵਿੱਚ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਇਹ ਲੋੜ ਹੁੰਦੀ ਹੈ ਕਿ ਇੱਕ ਵਾਰ ਆਈਟਮਾਂ ਦੀ ਚੋਣ ਕੀਤੇ ਜਾਣ ਤੋਂ ਬਾਅਦ ਖੋਜ ਮਾਪਦੰਡ ਰੱਖੇ ਜਾਣ। ਕਲਾਇੰਟ-ਸਾਈਡ ਅਤੇ ਸਰਵਰ-ਸਾਈਡ ਰਣਨੀਤੀਆਂ ਇਸ ਗੱਲ ਦੀ ਗਾਰੰਟੀ ਦਿੰਦੀਆਂ ਹਨ ਕਿ ਉਪਭੋਗਤਾ ਪੋਸਟਬੈਕਿੰਗ ਦੌਰਾਨ ਆਪਣੇ ਖੋਜ ਇਨਪੁਟ ਨੂੰ ਕਾਇਮ ਰੱਖਦੇ ਹਨ। ਇਸ ਦੇ ਨਤੀਜੇ ਵਜੋਂ ਵਧੇਰੇ ਸਹਿਜ ਅਤੇ ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਇੰਟਰਫੇਸ ਮਿਲਦਾ ਹੈ।
ਖੋਜ ਇੰਪੁੱਟ ਅਤੇ ਚੁਣੀਆਂ ਗਈਆਂ ਆਈਟਮਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਨਾ, ਭਾਵੇਂ ਦੁਆਰਾ ਧਾਰਨ ਜ ਸਟੋਰੇਜ, ਉਦੇਸ਼ ਹੈ। ਇਸ ਨਾਲ ਪਰੇਸ਼ਾਨੀ ਨੂੰ ਘੱਟ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ। ਇਹਨਾਂ ਤਕਨੀਕਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਤੁਸੀਂ ਸਮੁੱਚੀ ਉਪਯੋਗਤਾ ਨੂੰ ਵਧਾਉਂਦੇ ਹੋਏ ਆਪਣੇ ਗਰਿੱਡ-ਅਧਾਰਿਤ ਐਪਸ ਦੇ ਗਤੀਸ਼ੀਲ ਅਤੇ ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਸੁਭਾਅ ਨੂੰ ਕਾਇਮ ਰੱਖ ਸਕਦੇ ਹੋ।
- ਬਾਰੇ ਵਿਸਥਾਰਪੂਰਵਕ ਜਾਣਕਾਰੀ ਦਿੱਤੀ ਅਤੇ ਇਹ ਪੋਸਟਬੈਕਸ ਦੇ ਵਿਚਕਾਰ ਡੇਟਾ ਨੂੰ ਕਿਵੇਂ ਸੁਰੱਖਿਅਤ ਰੱਖਦਾ ਹੈ ਇਸ ਤੋਂ ਪ੍ਰਾਪਤ ਕੀਤਾ ਗਿਆ ਸੀ ਮਾਈਕ੍ਰੋਸਾੱਫਟ ਦੇ ਅਧਿਕਾਰਤ ਦਸਤਾਵੇਜ਼ .
- ਦ JavaScript ਖੋਜ ਕਾਰਜਸ਼ੀਲਤਾ ਵਿੱਚ ਵਰਤੀ ਗਈ ਏਕੀਕਰਣ ਦਾ ਹਵਾਲਾ ਦਿੱਤਾ ਗਿਆ ਸੀ ਡਾਟਾ ਟੇਬਲ ਅਧਿਕਾਰਤ ਦਸਤਾਵੇਜ਼ .
- ਦੀ ਵਰਤੋਂ ਤੋਂ ਉਦਾਹਰਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਲਾਇੰਟ-ਸਾਈਡ ਡੇਟਾ ਨੂੰ ਸਟੋਰ ਕਰਨ ਲਈ JavaScript ਵਿੱਚ ਖੋਜ ਕੀਤੀ ਗਈ ਸੀ MDN ਵੈੱਬ ਡੌਕਸ .
- ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਸੇਧ ਦਿੱਤੀ ਗਰਿੱਡ ਸਥਿਤੀ ਨੂੰ ਬਣਾਈ ਰੱਖਣ ਦੌਰਾਨ ਪੇਜ ਰੀਲੋਡ ਨੂੰ ਰੋਕਣ ਲਈ ਤੋਂ ਇਕੱਠਾ ਕੀਤਾ ਗਿਆ ਸੀ W3Schools AJAX ਟਿਊਟੋਰਿਅਲ .