我有一個帶有 2 個輸入的表單。我正在使用 CreateView 和 ModelForm。還有 {% form %}。問題:當“選項卡”到時,我需要第二個輸入(已經有一個初始值),以將光標放在字符串的末尾。當前行為:當“制表符”進入第二個輸入時,它會突出顯示整個字符串。到目前為止我所擁有的:我可以通過將這行代碼添加到我的 ModelForm init: 來自動對焦 self.fields['description'].widget.attrs['autofocus'] = 'on'。我在想這樣的事情:( self.fields['inc_number'].widget.attrs['onfocus'] = 'INC'[:0] “INC 是初始值)可能會解決問題。我沒有收到任何錯誤,但是當我從描述輸入中選擇時,它仍然只是突出顯示整個字符串。對于我的代碼,我將嘗試只關注最相關的部分。模型.pyclass ITBUsage(models.Model): """ ITB usage """ itb = models.ForeignKey(IncidentTriageBridge, related_name='itb', on_delete=models.DO_NOTHING, verbose_name="ITB name") description = models.CharField(max_length=100, verbose_name="Description", null=True) inc_number = models.CharField(max_length=20, verbose_name="Incident number", null=True) ...視圖.pyclass StartItb(CreateView): # class StartItb(CreateView): """ Start a bridge by adding a new row in ITBUsage """ model = models.ITBUsage form_class = forms.StartItbForm template_name = "itb_tracker/start_form.html" initial = {'inc_number': "INC"} # prefill INC for user def get_form_kwargs(self): """ inject the extra data """ kwargs = super().get_form_kwargs() ... return kwargs def form_valid(self, form): ... return super().form_valid(form)上圖:initial = {'inc_number': "INC"}這就是我目前將“INC”輸入到輸入中的方式表格.py:class StartItbForm(forms.ModelForm): """ Start a bridge by adding a for in ITBUsage """ class Meta: model = models.ITBUsage fields = ['description', 'inc_number']上圖:self.fields['description'].widget.attrs['autofocus'] = 'on'當定向到頁面時,我如何將光標設置為第一個輸入(描述)。我的表單 html 只是將 {% form %} 與一些 Bootstrap 4 一起使用。功能按預期工作。但這就是為什么我無法將 onfocus 邏輯直接放在輸入上的原因。期望的行為:在用戶完成“描述”的輸入后,點擊“Tab”,光標移動到“inc_number”輸入的“INC”(初始值)的末尾。(意圖是他們不會刪除“INC”,而是添加到它的末尾。
2 回答

炎炎設計
TA貢獻1808條經驗 獲得超4個贊
包含小部件的widget.attrs
HTML 屬性。您可以設置onfocus
屬性,它必須是 JavaScript 函數。
所以它應該看起來像這樣:
self.fields['inc_number'].widget.attrs['onfocus'] = 'this.setSelectionRange(..)
雖然我不確定這是否適用于任何地方 - 請參閱這篇文章:如何在 Google Chrome 中的輸入文本末尾設置光標位置

紅糖糍粑
TA貢獻1815條經驗 獲得超6個贊
因此,基于“rje”的幫助,這就是我為解決問題所做的。
我不需要在視圖中設置初始值。
但取而代之self.fields['inc_number'].initial = "INC"
的是形式。
這樣我就可以獲得長度(而不是硬編碼為 3)。length = len(self.fields['inc_number'].initial)
.
解決方案線是self.fields['inc_number'].widget.attrs['onfocus'] = 'this.setSelectionRange(length, length)'
添加回答
舉報
0/150
提交
取消