WoWInterface - How do you loop k,v pairs to create fontstrings?

WoWInterface (https://www.wowinterface.com/forums/index.php)

- Lua/XML Help (https://www.wowinterface.com/forums/forumdisplay.php?f=16)

- - How do you loop k,v pairs to create fontstrings? (https://www.wowinterface.com/forums/showthread.php?t=58734)

How do you loop k,v pairs to create fontstrings?

Similar to this

Lua Code:

local table = {"entry", "entry2", "entry3"}
 
for i = 1,20 do
    local fsname = frame:CreateFontString(nil, "OVERLAY", "GameTooltipText")
    fsname:SetPoint("TOPLEFT", frame, "TOPLEFT", 0, -10*(i-1))
    fsname:SetText(table[i])
end

But how do you do it for a table constructed like this

Lua Code:

local table = {
    ["entry"] = "One",
    ["entry2"] = "Two",
    ["entry3"] = "Three",
}

So that when looped the fontstring comes out like this?

entry One
entry2 Two
entry3 Three

Thanks in advance :)

Edit: This is the method I found that works, if anyone knows a better way I'm all ears :D

Lua Code:

local i = 1
for k,v in pairs(table) do 
    local fsname = frame:CreateFontString(nil, "OVERLAY", "GameTooltipText")
    fsname:SetPoint("TOPLEFT", frame, "TOPLEFT", 0, -10*(i-1))
    fsname:SetText(k)
 
    local fsname2 = frame:CreateFontString(nil, "OVERLAY", "GameTooltipText")
    fsname:SetPoint("TOPLEFT", frame, "TOPLEFT", 0, -10*(i-1))
    fsname:SetText(v)
end

I have this in a function a button calls so 'i' always starts as 1

I think you'd be better explaining more of what you are wanting to do with the fontstrings after they are created. From what you've posted it seems like you are thinking you have to create a new frontstring every time you want to display something different whereas you only need to create a fonstring once and there after, just change the text it displays.

eg.

Lua Code:

local f = CreateFrame("Frame", nil, UIParent)
f:SetSize(5, 5)
f:SetPoint("LEFT", 10, 0)
f.FontStrings = {}
for i=1, 20 do
    -- add a fontstring to the f.FontStrings table so we can re-use them as required
    tinsert(f.FontStrings, f:CreateFontString(nil, "OVERLAY", "GameTooltipText"))
    -- set them up in a column for demonstration purposes
    if i == 1 then
        f.FontStrings[i]:SetPoint("LEFT")
    else
        f.FontStrings[i]:SetPoint("TOPLEFT", f.FontStrings[i-1], "BOTTOMLEFT", 0, -1)
    end
end
 
-- set the initial texts (which could also be done after creating the fontstring but this is for demonstration.
for i=1, #f.FontStrings do
    f.FontStrings[i]:SetText("Entry"..i)
end
-- Some time later you might need to change your displayed texts too:
 
for i=1, #f.FontStrings do
    f.FontStrings[i]:SetText("Exit"..i)
end

Quote:

Originally Posted by Fizzlemizz (Post 339123)

I think you'd be better explaining more of what you are wanting to do with the fontstrings after they are created.

I just want to display a table of information with its k,v pairs together. After the information is displayed that's the end lol. I don't need any animations, tooltips, textures or anything just a list where I want it.

You can't pre-determine the order of a table using strings as keys. You could do something like:

Lua Code:

local table = {
        { display="entry", value="One" },
        { display="entry2", value= "Two" },
        { display="entry3", value= "Three" },
}
 
for k, v in ipairs(table) do
    fsname:SetText(v.display) -- set the text to "entry", entry2" ...
-- or
    fsname:SetText(v.value) -- set the text to "One", two" ...
end

This is all I wanted

Lua Code:

local table = {
    ["entry"] = "one",
    ["entry2"] = "two",
    ["entry3"] = "three",
}
 
local f = CreateFrame("Frame", nil, UIParent, "BasicFrameTemplateWithInset")
f:SetSize(250, 400)
f:SetPoint("CENTER")
 
f.grabdata = CreateFrame("Button", nil, f, "SharedButtonTemplate")
f.grabdata:SetText("G")
f.grabdata:SetPoint("TOPLEFT", f, "TOPLEFT", 0, 0)
f.grabdata:SetSize(40, 20)
f.grabdata:SetScript("OnClick", 
    function()
        local i = 0
        for k,v in pairs(table) do 
            local fsname = f:CreateFontString(nil, "OVERLAY", "GameTooltipText")
            fsname:SetPoint("TOPLEFT", f, "TOPLEFT", 9, -17*(i-(-2)))
            fsname:SetText(k)
            
            local fsname2 = f:CreateFontString(nil, "OVERLAY", "GameTooltipText")
            fsname2:SetPoint("TOPRIGHT", f, "TOPRIGHT", -10, -17*(i-(-2)))
            fsname2:SetText(v)              
            i = i + 1
        end
    end
)

Click the "G" button and the data is presented.

This has both problems I described.
Every time you press the G button you are creating a new set of fonstrings on top of the previous set of fontstring.

Because you've been lucky with the display order doesn't mean you will continue to be lucky if you change or extend the table entries:

The offsetting is to display what's happening if you press the G button multiple times

Lua Code:

local table = {
    ["entry"] = "one",
    ["entry2"] = "two",
    ["entry3"] = "three",
    ["entry4"] = "Four",
    ["entry5"] = "Five",
    ["entry6"] = "Six",
    ["entry7"] = "Seven",
    ["entry8"] = "Eight",
    ["entry9"] = "Nine",
    ["entry10"] = "Ten",
}
 
local f = CreateFrame("Frame", nil, UIParent, "BasicFrameTemplateWithInset")
f:SetSize(250, 400)
f:SetPoint("CENTER")
 
f.Title = f:CreateFontString(nil, "OVERLAY", "GameTooltipText")
f.Title:SetPoint("TOP", 0, -2)
f.Title:SetText("Original")
 
f.grabdata = CreateFrame("Button", nil, f, "SharedButtonTemplate")
f.grabdata:SetText("G")
f.grabdata:SetPoint("TOPLEFT", f, "TOPLEFT", 0, 0)
f.grabdata:SetSize(40, 20)
local offset = 0
f.grabdata:SetScript("OnClick", 
    function()
        local i = 0
        offset = offset + 1
        for k,v in pairs(table) do 
            local fsname = f:CreateFontString(nil, "OVERLAY", "GameTooltipText")
            fsname:SetPoint("TOPLEFT", f, "TOPLEFT", offset, -17*(i-(-2)))
            fsname:SetText(k)
            
            local fsname2 = f:CreateFontString(nil, "OVERLAY", "GameTooltipText")
            fsname2:SetPoint("TOPRIGHT", f, "TOPRIGHT", -offset, -17*(i-(-2)))
            fsname2:SetText(v)              
            i = i + 1
        end
    end
)
 
-- Constant ordered display
local table2 = {
    { display="entry", value="one" },
    { display="entry2", value="two" },
    { display="entry3", value="three" },
    { display="entry4", value="Four" },
    { display="entry5", value="Five" },
    { display="entry6", value="Six" },
    { display="entry7", value="Seven" },
    { display="entry8", value="Eight" },
    { display="entry9", value="Nine" },
    { display="entry10", value="Ten" },
}
 
local f2 = CreateFrame("Frame", nil, UIParent, "BasicFrameTemplateWithInset")
f2:SetSize(250, 400)
f2:SetPoint("LEFT", f, "RIGHT")
 
f2.Title = f2:CreateFontString(nil, "OVERLAY", "GameTooltipText")
f2.Title:SetPoint("TOP", 0, -2)
f2.Title:SetText("Constant Ordered")
 
f2.grabdata = CreateFrame("Button", nil, f2, "SharedButtonTemplate")
f2.grabdata:SetText("G")
f2.grabdata:SetPoint("TOPLEFT", f2, "TOPLEFT", 0, 0)
f2.grabdata:SetSize(40, 20)
local offset = 0
f2.Fonstrings = {}
f2.grabdata:SetScript("OnClick", function(self)
    local parent = self:GetParent()
    local left, right
    offset = offset + 1
    for k,v in ipairs(table2) do 
        if not parent.Fonstrings[i] then
            left = self:CreateFontString(nil, "OVERLAY", "GameTooltipText")
            right = self:CreateFontString(nil, "OVERLAY", "GameTooltipText")
            if k == 1 then
                left:SetPoint("TOPLEFT", self:GetParent(), 9, -22)
                right:SetPoint("TOPRIGHT", self:GetParent(), -9, -22)
            else
                left:SetPoint("TOPLEFT", parent.Fonstrings[k-1].left, "BOTTOMLEFT", offset, -2)
                right:SetPoint("TOPRIGHT", parent.Fonstrings[k-1].right, "BOTTOMRIGHT", -offset, -2)
            end
            tinsert(parent.Fonstrings, {left=left, right=right})
        end
        parent.Fonstrings[k].left:SetText(v.display)
        parent.Fonstrings[k].right:SetText(v.value)
    end
end)

Thanks, I noticed the constant creation of entries as well when clicking and shall look over your code to make sense of it lol :D

It's just saving a list of already created fontstrings into the f2.Fonstrings table as {left, right} pairs and re-using them if they exist or creating additional if required. It's just a demonstration so it's not handling things like hiding fonststrings if subsequent clicks contain a shorter list etc.

This would really be better as a scroll list if you're likely to have more entries than you can display vertically in the frame. This contains a link in the OP to one way this might work.