第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

將光標(biāo)聚焦到輸入值的末尾(CreateView、ModelForm)

將光標(biāo)聚焦到輸入值的末尾(CreateView、ModelForm)

臨摹微笑 2022-05-24 16:43:31
我有一個(gè)帶有 2 個(gè)輸入的表單。我正在使用 CreateView 和 ModelForm。還有 {% form %}。問題:當(dāng)“選項(xiàng)卡”到時(shí),我需要第二個(gè)輸入(已經(jīng)有一個(gè)初始值),以將光標(biāo)放在字符串的末尾。當(dāng)前行為:當(dāng)“制表符”進(jìn)入第二個(gè)輸入時(shí),它會(huì)突出顯示整個(gè)字符串。到目前為止我所擁有的:我可以通過將這行代碼添加到我的 ModelForm init: 來自動(dòng)對焦 self.fields['description'].widget.attrs['autofocus'] = 'on'。我在想這樣的事情:( self.fields['inc_number'].widget.attrs['onfocus'] = 'INC'[:0] “INC 是初始值)可能會(huì)解決問題。我沒有收到任何錯(cuò)誤,但是當(dāng)我從描述輸入中選擇時(shí),它仍然只是突出顯示整個(gè)字符串。對于我的代碼,我將嘗試只關(guān)注最相關(guān)的部分。模型.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'當(dāng)定向到頁面時(shí),我如何將光標(biāo)設(shè)置為第一個(gè)輸入(描述)。我的表單 html 只是將 {% form %} 與一些 Bootstrap 4 一起使用。功能按預(yù)期工作。但這就是為什么我無法將 onfocus 邏輯直接放在輸入上的原因。期望的行為:在用戶完成“描述”的輸入后,點(diǎn)擊“Tab”,光標(biāo)移動(dòng)到“inc_number”輸入的“INC”(初始值)的末尾。(意圖是他們不會(huì)刪除“INC”,而是添加到它的末尾。
查看完整描述

2 回答

?
炎炎設(shè)計(jì)

TA貢獻(xiàn)1808條經(jīng)驗(yàn) 獲得超4個(gè)贊

包含小部件的widget.attrsHTML 屬性。您可以設(shè)置onfocus屬性,它必須是 JavaScript 函數(shù)。

所以它應(yīng)該看起來像這樣:

self.fields['inc_number'].widget.attrs['onfocus'] = 'this.setSelectionRange(..)

雖然我不確定這是否適用于任何地方 - 請參閱這篇文章:如何在 Google Chrome 中的輸入文本末尾設(shè)置光標(biāo)位置


查看完整回答
反對 回復(fù) 2022-05-24
?
紅糖糍粑

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超6個(gè)贊

因此,基于“rje”的幫助,這就是我為解決問題所做的。

我不需要在視圖中設(shè)置初始值。
但取而代之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)'


查看完整回答
反對 回復(fù) 2022-05-24
  • 2 回答
  • 0 關(guān)注
  • 144 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)