關於網頁實現像excel複製貼上功能的問題

2021-06-05 16:09:19 字數 718 閱讀 5357

這個問題糾結了很久了。

目的很明確:就是實現使用者在網頁上可以貼上東西到**,像excel那樣,複製的時候有幾行幾列貼上進來後還是那樣。

實現過程:最開始想在網頁上直接載入乙個excel,但是那樣會帶來很多無法控制的問題,所以想了想沒有用用成。

接下來是搜尋各種的web**控制項,找到的答案是要麼是收費軟體,要麼不符合需求。最後沒有辦法了又回到原點,開始從零想起:

我要一張表----->

想到gridview----->

要可編輯的表---->

gridview的模板列中加textbox---->

實現複製貼上----->

textbox控制項中加onpase事件,將剪貼簿中的內容取出來對複製的內容進行處理(js)----->

處理之後一次放到textbox中(js)----->

須要得到相應的textbox的id號。。。----->

發現js得不到textbox的id號。。。%>_<%。。。繼續糾結找辦法

在前台得到gridview當前操作所在的行----->

對此行及後面的行進行操作------>找id號問題解決

+++接下來遇到的問題是貼上時候把已經賦好的值覆蓋掉了,現在開始處理貼上問題。。。未完待續

給textbox新增onblur失去焦點函式,在資料處理完後強制把焦點給沒有資料的第乙個textbox,出發當前焦點所在textbox失去焦點,進行處理。完成(*^__^*) ……

總結ZeroClipboard實現複製貼上功能

zeroclipboard是通過flash js實現複製到剪下板功能,瀏覽器相容性好。工作原理大概是 在 複製 按鈕上遮罩乙個透明的flash,flash被點選後,會呼叫其的剪下板處理功能,完成對文字內容的複製。實現步驟 建立乙個flash 讓其漂浮在 複製 按鈕上 監聽flash的點選事件 點選後...

關於網頁匯出Excel

最近在做乙個專案,專案要求把前台報表匯出成excel,並且保留前台報表的樣式。網上的幾種解決方案 1 使用excel api 在伺服器端生成excel,通過網路傳輸給前台web頁面。於是嘗試著在msdn上找資料,通過worksheet之類的東西總算在vs下成功執行了。於是嘗試在iis下執行,結果失敗...

Xshell便捷設定實現linux複製貼上

說明 在window系統中,ctrl c是複製的快捷鍵,ctrl v是貼上的快捷鍵,但在xshell中,ctrl c 代表著中斷當前指令。解決辦法如下 1 使用xshell中的複製貼上快捷鍵 複製 ctrl insert 選中要複製的文字 貼上 shift insert 2 使用滑鼠中鍵 複製 ct...